@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#051d49;--royal:#073a8d;--cyan:#00a3dc;--text:#142948;--sub:#8190a8;--stroke:#e4eaf1;--shadow:0 26px 90px #08326512}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:'DM Sans',Arial,sans-serif;background:#f8fafc;color:var(--text)}button,input{font:inherit}button{cursor:pointer}.auth-layout{min-height:100vh;display:grid;grid-template-columns:50% 50%;max-width:1920px;margin:auto;background:white}.auth-visual{background:linear-gradient(145deg,#071d4b 4%,#062a66 64%,#07458c 100%);color:#fff;position:relative;overflow:hidden;padding:50px clamp(34px,4.3vw,88px) 34px;display:flex;flex-direction:column;min-height:740px;isolation:isolate}.auth-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 59%,#0b7acb44,transparent 40%),linear-gradient(125deg,transparent 25%,#ffffff05 50%,transparent 63%);z-index:-1}.auth-visual:after{content:'';position:absolute;width:900px;height:900px;border:1px solid #68a6f21d;border-radius:50%;top:21%;left:46%;z-index:-1}.visual-glow{position:absolute;width:570px;height:570px;background:#089ae466;border-radius:50%;filter:blur(160px);top:40%;right:-280px;pointer-events:none;z-index:-1}.visual-brand{display:flex;align-items:center;gap:12px;font:800 20px 'Manrope',Arial,sans-serif;letter-spacing:-.7px}.visual-brand small{font:700 8px 'DM Sans',sans-serif;letter-spacing:2.3px;display:block;margin-top:0;color:#9bcde9}.brand-mark{background:#ffffff18;width:42px;height:42px;border:1px solid #a2c9f542;display:grid;place-items:center;border-radius:12px}.brand-mark img{width:29px;height:29px}.visual-content{z-index:1;margin-top:clamp(110px,16vh,215px);max-width:610px}.visual-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #7fa6df4a;background:#ffffff13;padding:11px 17px;border-radius:999px;font-weight:700;font-size:10px;letter-spacing:1.3px;color:#c2e4ff}.pulse{height:8px;width:8px;background:#43d4d6;border-radius:50%;box-shadow:0 0 0 5px #43d4d51b}.visual-content h1{font:800 clamp(40px,4vw,67px)/1.15 'Manrope',sans-serif;letter-spacing:-2.7px;margin:29px 0 21px}.visual-content h1 em{font-style:normal;background:linear-gradient(100deg,#6ae1ff,#80aaff);color:transparent;background-clip:text}.visual-content>p{font-size:15px;line-height:1.95;color:#bacdea;max-width:520px;margin:0}.feature-items{display:grid;gap:18px;margin-top:48px;color:#daeaff;font-size:13px;font-weight:600}.feature-items>div{display:flex;align-items:center;gap:16px}.feature-items span{display:grid;place-items:center;border:1px solid #ffffff26;background:#ffffff10;width:31px;height:31px;border-radius:9px;color:#88dcff;font-size:10px}.visual-graphic{width:470px;height:470px;position:absolute;right:-122px;bottom:42px;opacity:.53;z-index:-1;pointer-events:none}.orbit{position:absolute;border-radius:50%;border:1px solid #69c6ff38;inset:0}.orbit.outer{box-shadow:inset 0 0 100px #2c99dd17}.orbit.middle{inset:55px;border-style:dashed;animation:spin 75s linear infinite}.orbit.inner{inset:120px;border-color:#5fa3e879;background:linear-gradient(120deg,#1a8ad114,#146ac52a)}.orbit-center{position:absolute;inset:190px;background:#0d5da3;border:1px solid #5fb5e8aa;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 90px #1fb4e735}.orbit-center svg{width:42px}.mini{position:absolute;width:45px;height:45px;border-radius:14px;background:#0e69b5;border:1px solid #79caff99;display:grid;place-items:center;color:#a8e1ff;font-size:21px}.mini-one{top:9%;left:14%}.mini-two{top:54%;right:0}.mini-three{bottom:4%;left:30%}@keyframes spin{to{transform:rotate(360deg)}}.visual-footer{margin-top:auto;display:flex;justify-content:space-between;gap:20px;color:#9db6d8;font-size:11px}.auth-form-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 34px 28px;position:relative}.auth-form-container{max-width:420px;width:100%;margin:auto}.mobile-logo{display:none}.welcome-mark{font-size:10px;font-weight:800;letter-spacing:2px;color:#008dcc;margin-bottom:19px}.auth-form-container h2,.password-card h2{font:800 clamp(29px,3vw,38px)/1.23 'Manrope',sans-serif;letter-spacing:-1.5px;color:#102c50;margin:0 0 14px}.auth-subtitle{font-size:14px;color:#8291a6;line-height:1.8;margin:0 0 41px}.field-group{margin-bottom:24px}.field-group label{display:block;font-size:12px;font-weight:800;color:#3b4c66;margin-bottom:11px}.input-wrap{height:57px;position:relative;border:1px solid #dce5ee;border-radius:13px;display:flex;align-items:center;background:#fff;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#04a2d8;box-shadow:0 0 0 4px #069cda14}.input-wrap svg{width:20px;height:20px;fill:none;stroke:#9aacbe;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-left:18px;flex-shrink:0}.input-wrap input{width:100%;background:transparent;border:0;outline:0;color:#233b5c;font-size:13px;height:100%;padding:0 14px}.input-wrap input::placeholder{color:#a8b4c4}.show-pass{background:transparent;border:0;margin-right:13px;padding:0 3px;display:flex;align-items:center}.show-pass svg{margin:0;width:19px;height:19px}.label-row{display:flex;justify-content:space-between}.login-options{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:5px 0 30px}.safe-notice{display:flex;align-items:center;gap:8px;color:#8291a4;font-size:11px}.lock-dot{width:17px;height:17px;background:#eaf9f4;border-radius:50%;display:grid;place-items:center;color:#12a27c;font-weight:900;font-size:10px}.login-options .recovery-label{color:#058dc5;font-size:11px;font-weight:800;text-decoration:none}.submit-btn{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;height:56px;background:linear-gradient(95deg,#073986,#0799d5);color:#fff;border:0;border-radius:12px;font-weight:800;font-size:13px;box-shadow:0 12px 24px #0882c72e;transition:transform .15s,box-shadow .15s}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px #0882c743}.submit-btn:disabled{opacity:.65;cursor:wait}.submit-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-error{background:#fff0f1;border:1px solid #fac6c9;border-radius:10px;color:#ac3248;font-size:12px;padding:12px;margin:0 0 15px;line-height:1.5}.login-error[hidden]{display:none}.form-bottom{margin-top:38px;border-top:1px solid #eaf0f5;padding-top:25px;display:flex;align-items:flex-start;gap:12px}.form-bottom p{margin:0;line-height:1.7;color:#99a5b5;font-size:11px}.small-shield{background:#f0f6fa;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#0c8abf;flex:0 0 30px}.support-footer{font-size:11px;color:#afbac8;text-align:center}.support-footer span{padding:0 5px}.password-page{background:linear-gradient(145deg,#071e4c 0%,#074c91 100%);min-height:100vh;display:grid;place-items:center;padding:20px}.password-card{background:white;border-radius:24px;padding:48px;max-width:495px;width:100%;box-shadow:var(--shadow)}.password-brand{width:230px;max-width:100%;height:auto;margin-bottom:48px}.password-card h2{font-size:28px}.password-card .auth-subtitle{margin-bottom:28px}.simple-input{height:55px;border:1px solid #dce5ee;border-radius:12px;padding:12px;width:100%;outline:0}.simple-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #069cda12}.back-link{display:block;text-align:center;margin-top:22px;color:#008dcc;text-decoration:none;font-size:12px;font-weight:800}@media(max-width:1100px){.auth-layout{grid-template-columns:46% 54%}.auth-visual{padding:42px 35px}.visual-content h1{font-size:42px;letter-spacing:-1.7px}.visual-content{margin-top:150px}.visual-graphic{right:-200px}.auth-form-container{max-width:390px}}@media(max-width:820px){.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-panel{min-height:100vh;padding:42px 24px 25px;background:radial-gradient(circle at 95% 8%,#edfbff,transparent 50%),white}.mobile-logo{display:block;margin-bottom:55px}.mobile-logo img{width:225px;max-width:100%}.auth-form-container{max-width:430px}.auth-subtitle{margin-bottom:30px}}@media(max-width:420px){.auth-form-container h2{font-size:29px}.login-options{align-items:flex-start;gap:16px;flex-direction:column}.support-footer{font-size:10px}.password-card{padding:32px 24px}}
@media(prefers-reduced-motion:reduce){.orbit.middle{animation:none}.submit-btn{transition:none}}