.stage{perspective:1800px}
.phone{transform:none;transition:none}
.phone.is-back>.screen{visibility:hidden}
.screen{transform:none}
.phone-back{position:absolute;inset:0;z-index:40;border-radius:59px;background:linear-gradient(120deg,#343b47 0,#151b24 24%,#0d121a 55%,#222a37 100%);transform:none;border:2px solid #4e5867;box-shadow:inset 0 0 0 5px #151a22,inset -10px 0 28px #0006;overflow:hidden}
.phone-back:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff06 46%,transparent 65%);pointer-events:none}
.back-camera{position:absolute;left:28px;top:27px;width:143px;height:151px;border-radius:33px;background:linear-gradient(145deg,#303946,#111722);border:1px solid #455062;box-shadow:3px 5px 9px #0008,inset 0 1px 3px #ffffff10}
.back-camera i{position:absolute;width:49px;height:49px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#38517c 0 3%,#122439 6%,#03070d 23%,#172333 26%,#03060a 36%,#101722 56%,#03050a 60%);border:3px solid #424e5e;box-shadow:0 0 0 2px #080e17,2px 3px 5px #000b}
.back-camera i:nth-child(1){left:14px;top:14px}.back-camera i:nth-child(2){right:14px;top:49px}.back-camera i:nth-child(3){left:14px;bottom:14px}.back-camera .flash{position:absolute;right:30px;top:15px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#d7d6cb,#7b7d7d);border:2px solid #4d5868}.back-camera .sensor{position:absolute;right:32px;bottom:14px;width:12px;height:12px;border-radius:50%;background:#080d15;border:1px solid #35465a}
.back-identity{position:absolute;inset:37% 0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}.back-identity img{width:116px;height:116px;object-fit:contain}.back-identity strong{font-size:19px;letter-spacing:1.5px;font-weight:450;color:#a6b4c9}.back-identity span{font-size:8px;letter-spacing:2.2px;color:#596b86}
.back-enter{position:absolute;bottom:69px;left:50%;transform:translateX(-50%);border:1px solid #748baa35;border-radius:30px;padding:13px 22px;color:#b6c9e5;background:#111c2c80;white-space:nowrap;font-size:11px;letter-spacing:.3px}.back-caption{position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:8px;color:#4e607c;letter-spacing:1.8px}
@media(max-width:480px){.phone-back{border-radius:0;border-width:0;box-shadow:inset 0 0 0 2px #243044}.stage{overflow:hidden}.back-camera{top:35px}.phone.is-back{border-radius:0}}
@media(prefers-reduced-motion:reduce){.phone{transition:none}}
.phone.compact-motion{transition:none}
.phone.is-starting{animation:phone-start 3.2s cubic-bezier(.42,0,.2,1) both;transition:none}
.phone.is-starting>.screen{animation:phone-front-face 3.2s linear both}
.phone.is-starting>.phone-back{animation:phone-rear-face 3.2s linear both}
.back-starting{position:absolute;bottom:72px;left:0;right:0;text-align:center;color:#8197b6;font-size:10px;letter-spacing:2px}
.back-starting:after{content:"";display:block;width:60px;height:2px;background:#507ff0;margin:16px auto 0;transform-origin:left;animation:startup-progress 1.6s ease-out both}
@keyframes phone-start{0%{transform:translateY(20px) scale(.94);opacity:0}18%{transform:translateY(0) scaleX(1);opacity:1}44%{transform:scaleX(1);opacity:1}70%{transform:scaleX(.015);opacity:1}100%{transform:scaleX(1);opacity:1}}
@keyframes phone-front-face{0%,69.99%{visibility:hidden}70%,100%{visibility:visible}}
@keyframes phone-rear-face{0%,69.99%{visibility:visible}70%,100%{visibility:hidden}}
@keyframes startup-progress{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.phone.is-starting,.back-starting:after{animation:none}}