.phone-frame{position:relative;width:280px;max-width:100%;aspect-ratio:9/17;border-radius:42px;padding:12px;background:#111827;box-shadow:0 30px 60px -25px #6d4dff73,0 0 0 1px #0000000f;margin-inline:auto}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:84px;height:22px;border-radius:9999px;background:#111827;z-index:2}.phone-screen{height:100%;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#f5f3ff,#fff 60%);padding:52px 14px 18px;display:flex;flex-direction:column;gap:12px}.phone-frame--dark .phone-screen{background:linear-gradient(180deg,#1f2937,#111827);color:#f9fafb}