.mockup-device{width:330px;height:600px;border-radius:38px;background:#fff;pointer-events:none;position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.15),inset 0 0 0 3px #e3e6ed,inset 0 0 10px hsla(0,0%,100%,.5)}.mockup-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:100px;height:26px;border-radius:14px;background:#00000000;z-index:10}.mockup-screen{position:relative;height:100%;width:100%;padding:45px 18px 18px;background:#fafbfc;border-radius:inherit;overflow:hidden}.mockup-device:before{content:"";position:absolute;inset:0;border-radius:38px;background:linear-gradient(150deg,hsla(0,0%,100%,.12),hsla(0,0%,94%,.45));mix-blend-mode:overlay;pointer-events:none}.perspective-1000{perspective:1000px}