.login-page{position:fixed;inset:0;min-height:100vh;min-height:100dvh;isolation:isolate;overflow:hidden;background:#06171c;color:#f5f8f8}
.login-video,.login-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.login-video{z-index:0;object-fit:cover;object-position:center;opacity:0;transition:opacity .45s ease}.login-video.is-ready{opacity:1}
.login-overlay{z-index:1;background:radial-gradient(ellipse 58% 43% at 50% 50%,rgba(0,14,18,.3),rgba(0,10,13,.67) 92%),linear-gradient(180deg,rgba(0,11,15,.34),rgba(0,11,15,.08) 38%,rgba(0,9,12,.54));pointer-events:none}
.login-crown{position:absolute;z-index:2;top:max(calc(env(safe-area-inset-top) + 28px),5vh);left:50%;width:min(30vw,290px);height:auto;transform:translateX(-50%);pointer-events:none;user-select:none;animation:login-crown-breathe 11s ease-in-out infinite}
.login-ui{position:relative;z-index:3;width:100%;height:100%;pointer-events:none}.login-content,.onboarding-card{pointer-events:auto}
.login-content{position:absolute;top:50%;left:50%;width:min(400px,calc(100% - 42px));display:grid;gap:11px;transform:translate(-50%,-31%);text-align:center}.login-content:before,.onboarding-card:before{content:"";position:absolute;z-index:-1;inset:-28px -36px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,12,16,.68),transparent 73%);pointer-events:none}
.login-logo{display:block;width:min(310px,75vw);height:auto;margin:0 auto 20px;object-fit:contain}.login-content p{margin:0 0 10px;color:#c5d1d1;font-size:12px;font-weight:800;line-height:1.45;letter-spacing:1.3px;text-shadow:0 2px 14px rgba(0,0,0,.85)}
.login-content button,.onboarding-card button{min-height:50px;border:1px solid transparent;border-radius:8px;background:#ff4103;color:#fff;font-size:12px;font-weight:850;letter-spacing:.45px;box-shadow:0 10px 26px rgba(255,65,3,.18);transition:background .2s ease,transform .2s ease}.login-content button:hover,.onboarding-card button:hover{background:#ff5724;transform:translateY(-1px)}.login-content .login-vk{background:rgba(3,20,27,.86);border-color:rgba(145,178,178,.28);box-shadow:none;color:#edf2f2}
.login-page footer{position:absolute;z-index:3;right:20px;bottom:max(calc(env(safe-area-inset-bottom) + 20px),24px);left:20px;color:#94a5a5;font-size:10px;font-weight:750;line-height:1.35;letter-spacing:.75px;text-align:center;text-shadow:0 2px 12px #000;pointer-events:none}
.onboarding .login-ui{display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.onboarding-card{position:relative;width:min(100%,390px);padding:26px 24px 22px;border:1px solid rgba(143,178,178,.28);border-radius:12px;background:linear-gradient(145deg,rgba(4,24,31,.88),rgba(0,12,17,.8));box-shadow:0 25px 70px rgba(0,0,0,.4)}.onboarding-card:before{inset:-42px;background:radial-gradient(ellipse,rgba(0,8,12,.45),transparent 70%)}.onboarding-logo{display:block;width:170px;height:auto;margin:0 auto 20px}.onboarding-card h1{margin:0 0 18px;color:#f7f9f9;font-size:25px;letter-spacing:-.5px}.onboarding-card input,.onboarding-card select{width:100%;margin:0 0 13px;padding:12px;border:1px solid rgba(139,176,177,.35);border-radius:7px;background:rgba(0,15,20,.84);color:#f2f6f6}.onboarding-card select[multiple]{min-height:132px}.onboarding-card button{width:100%}
@keyframes login-crown-breathe{0%,100%{opacity:.78;transform:translateX(-50%) scale(.99)}50%{opacity:.9;transform:translateX(-50%) scale(1.015)}}
@media (max-width:780px){.login-video{object-position:center}.login-crown{top:max(calc(env(safe-area-inset-top) + 22px),4.5vh);width:166px}.login-content{top:51%;width:min(340px,calc(100% - 36px));transform:translate(-50%,-25%);gap:10px}.login-content:before{inset:-24px -18px}.login-logo{width:220px;margin-bottom:17px}.login-content p{font-size:11px;letter-spacing:1.05px}.login-content button{min-height:49px}.login-page footer{right:16px;bottom:max(calc(env(safe-area-inset-bottom) + 14px),18px);left:16px;font-size:9px}.onboarding-card{width:min(100%,360px);max-height:calc(100dvh - 34px);overflow:auto;padding:21px 18px 18px}.onboarding-logo{width:142px;margin-bottom:14px}.onboarding-card h1{font-size:22px;margin-bottom:14px}}
@media (min-width:1000px){.login-video{object-position:center 45%}.login-crown{top:8vh;width:min(19vw,300px)}.login-content{transform:translate(-50%,-22%)}.login-overlay{background:radial-gradient(ellipse 38% 44% at 50% 51%,rgba(0,13,17,.28),rgba(0,9,12,.65) 90%),linear-gradient(90deg,rgba(0,10,14,.48),transparent 35%,transparent 65%,rgba(0,10,14,.48))}}
@media (prefers-reduced-motion:reduce){.login-crown{animation:none}.login-video{display:none}}