.login-phone{position:absolute;right:6px;bottom:-35px;z-index:5;width:240px;container-type:inline-size;perspective:1100px;filter:drop-shadow(-26px 34px 30px rgba(1,8,22,.55)) drop-shadow(0 0 34px rgba(62,164,255,.22));transition:filter .9s ease}.login-phone:hover{filter:drop-shadow(0 30px 34px rgba(1,8,22,.6)) drop-shadow(0 0 50px rgba(62,164,255,.38))}.lp-device{--u:calc(100cqw / 300);--edge:calc(var(--u) * 5);position:relative;aspect-ratio:300/624;padding:calc(var(--u) * 11);border-radius:calc(var(--u) * 54);background:linear-gradient(135deg,#e3e6eb,#9ba2ad 16%,#5a616d 38%,#2d323b 52%,#6f7784 74%,#d2d6dc);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),inset 0 0 0 2px rgba(40,44,52,.55),inset 0 0 0 4px #15181e;transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-30deg) rotate(9deg);transition:transform .9s cubic-bezier(.22,1,.36,1);animation:lp-float 6s ease-in-out infinite}.lp-device:after,.lp-device:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#8b929d,#3b414b 50%,#7d8591);transform:translateZ(calc(var(--edge) * -1))}.lp-device:after{background:linear-gradient(135deg,#5d6470,#23272e 50%,#555c68);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transform:translateZ(calc(var(--edge) * -2))}.lp-button{position:absolute;width:calc(var(--u) * 4);border-radius:calc(var(--u) * 3);background:linear-gradient(90deg,#4b515c,#b9bec6 60%,#6f7682);transform:translateZ(calc(var(--edge) * -1))}.lp-button.volume{left:calc(var(--u) * -3);top:calc(var(--u) * 150);height:calc(var(--u) * 52);box-shadow:0 calc(var(--u) * 68) 0 #8a919c}.lp-button.power{right:calc(var(--u) * -3);top:calc(var(--u) * 190);height:calc(var(--u) * 86)}.lp-island{position:absolute;top:calc(var(--u) * 11);left:50%;z-index:3;width:calc(var(--u) * 94);height:calc(var(--u) * 27);border-radius:calc(var(--u) * 20);background:radial-gradient(circle at 80% 50%,#24365c 0 8%,#0d1426 11%,transparent 14%),#030406;transform:translateX(-50%)}.login-phone:hover .lp-device{transform:rotateX(0deg) rotateY(0deg) rotate(0deg) scale(1.02)}@keyframes lp-float{0%,to{translate:0 0}50%{translate:0 -8px}}.lp-screen{position:relative;display:flex;height:100%;flex-direction:column;padding:calc(var(--u) * 14) calc(var(--u) * 16) calc(var(--u) * 26);overflow:hidden;border-radius:calc(var(--u) * 44);box-shadow:0 0 0 1px rgba(0,0,0,.35);background:#f1f4fd;color:#182646;font-family:var(--font-geist-sans),Inter,system-ui,sans-serif;transform:translateZ(1px)}.lp-statusbar{justify-content:space-between;min-height:calc(var(--u) * 27);padding-inline:calc(var(--u) * 14);font-size:calc(var(--u) * 11);font-weight:700}.lp-status-icons,.lp-statusbar{display:flex;align-items:center}.lp-status-icons{gap:calc(var(--u) * 4)}.lp-status-icons i{display:block;height:calc(var(--u) * 8);border-radius:calc(var(--u) * 1.5);background:#182646}.lp-status-icons .sig{width:calc(var(--u) * 12);clip-path:polygon(0 100%,25% 100%,25% 62%,0 62%,0 100%,37% 100%,37% 38%,62% 38%,62% 100%,75% 100%,75% 0,100% 0,100% 100%)}.lp-status-icons .wifi{width:calc(var(--u) * 9);border-radius:50% 50% calc(var(--u) * 2) calc(var(--u) * 2)}.lp-status-icons .batt{width:calc(var(--u) * 16)}.lp-appbar{display:grid;grid-template-columns:calc(var(--u) * 30) 1fr calc(var(--u) * 30);align-items:center;margin-top:calc(var(--u) * 14)}.lp-back,.lp-gps{display:grid;width:calc(var(--u) * 30);height:calc(var(--u) * 30);place-items:center;border-radius:calc(var(--u) * 8)}.lp-back{border:1px solid #dce2e8;background:#fff;color:#536575}.lp-gps{background:rgba(52,199,89,.12);color:#15803d}.lp-back svg,.lp-gps svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.lp-title{text-align:center}.lp-title small{display:block;color:#536575;font-size:calc(var(--u) * 9);font-weight:600;letter-spacing:.24em}.lp-title strong{display:block;margin-top:calc(var(--u) * 3);font-size:calc(var(--u) * 11);font-weight:700}.lp-ring{position:relative;width:calc(var(--u) * 224);margin:calc(var(--u) * 48) auto 0}.lp-ring svg{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 12px rgba(37,99,235,.08))}.lp-ring-glow{animation:lp-glow 3s ease-in-out infinite}@keyframes lp-glow{0%,to{stroke-opacity:.22}50%{stroke-opacity:.45}}.lp-car{position:absolute;top:50%;left:50%;width:calc(var(--u) * 78);height:auto;transform:translate(-50%,-50%)}.lp-ready{margin:calc(var(--u) * 8) 0 0;color:#182646;font-size:calc(var(--u) * 23);font-weight:800;letter-spacing:-.03em;line-height:1.15;text-align:center}.lp-hint{margin:calc(var(--u) * 7) 0 0;color:#536575;font-size:calc(var(--u) * 11);text-align:center}.lp-panel{margin-top:auto;padding:calc(var(--u) * 12);border:1px solid #dce2e8;border-radius:calc(var(--u) * 16);background:#fff;box-shadow:0 -4px 26px rgba(24,38,70,.08)}.lp-start{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 14);border:1px solid rgba(52,199,89,.45);border-radius:calc(var(--u) * 15);background:rgba(52,199,89,.11);color:#1db954;font-size:calc(var(--u) * 13);font-weight:700}.lp-start svg{width:calc(var(--u) * 19);height:calc(var(--u) * 19)}.lp-home{position:absolute;bottom:calc(var(--u) * 9);left:50%;width:calc(var(--u) * 84);height:calc(var(--u) * 4);border-radius:calc(var(--u) * 4);background:#182646;opacity:.35;transform:translateX(-50%)}.lp-glare{position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.5) 47%,transparent 56%);pointer-events:none;transform:translateX(-18%);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s ease}.login-phone:hover .lp-glare{opacity:0;transform:translateX(40%)}@media (max-height:800px) and (min-width:981px){.login-phone{width:182px}}@media (max-width:1180px){.login-phone{width:205px}}@media (max-width:620px){.login-phone{position:relative;right:auto;bottom:auto;width:min(174px,48vw);margin:0 auto}}@media (prefers-reduced-motion:reduce){.lp-device,.lp-ring-glow{animation:none}.login-phone,.lp-device,.lp-glare{transition:none}}