*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#edf7ff;background:#050b16}body{min-height:100vh;overflow-x:hidden}.auth-ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 15% 10%,rgba(32,215,255,.12),transparent 32%),radial-gradient(circle at 88% 88%,rgba(139,92,246,.13),transparent 34%),linear-gradient(145deg,#06101e,#040812 68%)}.auth-ambient:after{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(88,190,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(88,190,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.auth-ambient i{position:absolute;border-radius:50%;filter:blur(20px);animation:float 10s ease-in-out infinite}.auth-ambient i:nth-child(1){width:280px;height:280px;left:-90px;top:25%;background:rgba(30,200,255,.09)}.auth-ambient i:nth-child(2){width:360px;height:360px;right:-130px;top:-100px;background:rgba(121,91,255,.1);animation-delay:-4s}.auth-ambient i:nth-child(3){width:220px;height:220px;right:32%;bottom:-90px;background:rgba(48,230,159,.06);animation-delay:-7s}@keyframes float{50%{transform:translate3d(18px,-24px,0) scale(1.08)}}.auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);padding:28px}.auth-brand-panel{min-height:calc(100vh - 56px);border:1px solid rgba(93,195,255,.14);border-radius:34px;padding:42px 52px;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(13,30,54,.74),rgba(7,15,29,.58));box-shadow:inset 0 1px rgba(255,255,255,.04),0 30px 90px rgba(0,0,0,.32);backdrop-filter:blur(20px)}.auth-brand{display:flex;align-items:center;gap:14px}.auth-brand img{width:58px;height:58px;filter:drop-shadow(0 0 18px rgba(43,210,255,.35))}.auth-brand div{display:grid}.auth-brand b{font-size:20px;letter-spacing:.14em}.auth-brand span{font-size:10px;letter-spacing:.28em;color:#70dfff;margin-top:3px}.auth-copy{margin:auto 0;max-width:650px}.auth-copy small,.auth-card header small{color:#77ddff;font-weight:900;letter-spacing:.18em;font-size:11px}.auth-copy h1{font-size:clamp(44px,5.2vw,82px);line-height:.98;margin:20px 0 26px;letter-spacing:-.055em}.auth-copy h1 em{font-style:normal;background:linear-gradient(90deg,#75e4ff,#89a3ff 48%,#b695ff);-webkit-background-clip:text;color:transparent}.auth-copy p{font-size:16px;line-height:1.75;color:#93a8bd;max-width:560px}.auth-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth-security-grid span{min-width:0;padding:17px;border:1px solid rgba(104,192,255,.12);border-radius:18px;background:rgba(11,25,45,.72);display:grid;gap:4px}.auth-security-grid i{font-size:10px;font-style:normal;color:#4edcff;font-weight:900}.auth-security-grid b{font-size:13px}.auth-security-grid small{font-size:10px;color:#72869b}.auth-card-wrap{display:grid;place-items:center;padding:40px}.auth-card{width:min(100%,480px);padding:42px;border-radius:30px;border:1px solid rgba(105,188,255,.16);background:linear-gradient(145deg,rgba(12,27,48,.96),rgba(7,15,29,.96));box-shadow:0 30px 100px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.04)}.auth-card header{margin-bottom:30px}.auth-card header h2{font-size:34px;margin:9px 0 8px;letter-spacing:-.035em}.auth-card header p{margin:0;color:#8195aa;font-size:14px}.auth-card>label:not(.remember){display:grid;gap:9px;margin:18px 0}.auth-card>label>span{font-size:12px;font-weight:800;color:#a8bbcd}.auth-input{height:58px;border-radius:16px;border:1px solid rgba(105,181,240,.18);background:#071321;display:flex;align-items:center;padding:0 16px;transition:.2s}.auth-input:focus-within{border-color:#49d7ff;box-shadow:0 0 0 4px rgba(73,215,255,.08)}.auth-input svg{width:21px;height:21px;fill:none;stroke:#62d9ff;stroke-width:1.8;flex:0 0 auto}.auth-input input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#eef8ff;padding:0 13px;font-size:15px}.auth-input input::placeholder{color:#526579}.auth-input button{border:0;background:none;color:#66d9ff;font-size:10px;font-weight:900;cursor:pointer}.remember{display:flex;align-items:center;gap:10px;margin:18px 0 22px;cursor:pointer}.remember input{position:absolute;opacity:0}.remember span{width:19px;height:19px;border:1px solid #38536b;border-radius:6px;position:relative;background:#071321}.remember input:checked+span{background:#42d9ff;border-color:#42d9ff}.remember input:checked+span:after{content:"";position:absolute;width:8px;height:4px;border-left:2px solid #05101c;border-bottom:2px solid #05101c;transform:rotate(-45deg);left:4px;top:5px}.remember b{font-size:12px;color:#8196aa;font-weight:700}.auth-error{display:none;padding:12px 14px;margin-bottom:14px;border-radius:12px;border:1px solid rgba(255,91,119,.3);background:rgba(255,68,104,.08);color:#ff9aae;font-size:12px}.auth-error.show{display:block}.login-submit{width:100%;height:58px;border:0;border-radius:16px;background:linear-gradient(90deg,#36d9ff,#5f9dff 55%,#8b7cff);color:#04101c;font-weight:950;font-size:14px;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;box-shadow:0 16px 40px rgba(52,178,255,.22);transition:.2s}.login-submit:hover{transform:translateY(-2px);filter:brightness(1.08)}.login-submit:disabled{opacity:.65;cursor:wait}.login-submit.loading i{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-card footer{margin-top:26px;padding-top:20px;border-top:1px solid rgba(103,172,222,.1);display:flex;justify-content:space-between;gap:14px;color:#61758a;font-size:9px}.auth-card footer span{display:flex;align-items:center;gap:7px}.auth-card footer i{width:7px;height:7px;border-radius:50%;background:#54e789;box-shadow:0 0 12px #54e789}.auth-mobile-logo{display:none}.auth-mobile-logo img{width:36px}.auth-mobile-logo b{font-size:12px;letter-spacing:.1em}@media(max-width:900px){.auth-shell{grid-template-columns:1fr;padding:16px}.auth-brand-panel{display:none}.auth-card-wrap{padding:0;min-height:calc(100vh - 32px)}.auth-card{padding:30px 22px;border-radius:24px}.auth-mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:38px}.auth-card header h2{font-size:30px}}@media(max-width:420px){.auth-card{border-radius:20px}.auth-card footer{flex-direction:column}}