.app-phone{width:min(300px,74vw);aspect-ratio:9 / 18.5;padding:10px;border-radius:46px;background:linear-gradient(160deg,#1b2a4e,#070d1c);box-shadow:inset 0 0 0 1.5px #bed7ff59,0 50px 90px -30px #000000e6,0 0 80px -20px #6aa9ff80;transform:rotateY(-14deg) rotateX(4deg)}.app-phone-screen{height:100%;border-radius:38px;padding:26px 16px 16px;display:grid;align-content:start;gap:14px;background:radial-gradient(120% 60% at 50% 0%,rgba(106,169,255,.2),transparent 60%),#071022;overflow:hidden}.app-phone-top{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.app-phone-logo{width:30px;height:30px}.app-phone-card{position:relative;display:grid;gap:4px;padding:16px;border-radius:22px;box-shadow:var(--inset-light),inset 0 0 0 1px #96b9ff40}.app-phone-card small{color:var(--muted);font-size:11.5px}.app-phone-card strong{font-size:28px;letter-spacing:-.03em}.app-phone-card span{color:#b9c9e4;font-size:12.5px}.app-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-phone-grid span{display:grid;justify-items:center;gap:6px;padding:14px 6px;border-radius:18px;font-size:12.5px;font-weight:700;background:linear-gradient(160deg,#ffffff14,#ffffff05);box-shadow:inset 0 0 0 1px #96b9ff29}.app-phone-grid .i{color:var(--blue)}@media(prefers-reduced-motion:no-preference){.app-phone{animation:float 8s ease-in-out infinite}}