:root{--text:#f7f5ff;--muted:#a7afd0;--purple:#8b5cf6;--magenta:#d946ef;--line:rgba(148,163,184,.22);--font:'Manrope',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;font-family:var(--font);color:var(--text);background:#030615;letter-spacing:0}.auth-page{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden}.auth-background,.auth-background img,.auth-overlay{position:absolute;inset:0;width:100%;height:100%}.auth-background img{object-fit:cover;object-position:center}.auth-overlay{background:linear-gradient(90deg,rgba(2,4,16,.48),rgba(3,6,20,.08) 52%,rgba(2,4,16,.1)),linear-gradient(0deg,rgba(1,3,12,.65),transparent 25%)}button,input{font:inherit}.language-switch{position:absolute;z-index:5;top:34px;right:48px;width:166px;height:48px;display:grid;grid-template-columns:1fr 1fr;padding:3px;background:rgba(6,10,29,.58);border:1px solid rgba(139,92,246,.42);border-radius:14px;backdrop-filter:blur(14px)}.language-switch button{border:0;border-radius:11px;color:#9ca5c8;background:transparent;cursor:pointer}.language-switch button.active{color:#fff;background:rgba(21,25,57,.92);box-shadow:inset 0 0 0 1px rgba(139,92,246,.25)}
.auth-panel{position:relative;z-index:3;width:460px;min-height:calc(100dvh - 80px);margin:40px 0 40px clamp(38px,4vw,70px);padding:34px 38px 30px;display:flex;flex-direction:column;background:linear-gradient(150deg,rgba(6,11,31,.8),rgba(4,8,24,.7));border:1px solid rgba(139,92,246,.38);border-radius:28px;backdrop-filter:blur(24px);box-shadow:0 28px 75px rgba(0,0,0,.48),0 0 34px rgba(124,58,237,.12),inset 0 1px rgba(255,255,255,.07)}.auth-brand{height:139px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.auth-brand img{width:178px;height:auto;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(217,70,239,.22))}.auth-heading{margin-top:4px}.auth-kicker{display:flex;align-items:center;gap:11px;margin:0 0 13px;color:#bb8cff;font-size:10px;font-weight:700;letter-spacing:2.4px}.auth-kicker i{width:24px;height:1px;background:#aa6aff;box-shadow:0 0 8px #9b5cff}.auth-heading h1{margin:0;font-size:40px;line-height:1.15}.auth-heading>p:last-child{margin:8px 0 0;color:#aab2d1;font-size:15px}.auth-error{display:flex;align-items:center;gap:9px;margin:16px 0 -2px;padding:10px 12px;color:#ffc0cb;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.24);border-radius:9px;font-size:11px}.auth-error svg{width:16px}.auth-form{display:grid;margin-top:25px}.auth-form>label{margin:0 0 7px;font-size:12px;font-weight:500}.auth-form>label:not(:first-child){margin-top:17px}.auth-input{height:54px;display:flex;align-items:center;gap:12px;padding:0 14px;background:rgba(10,18,42,.77);border:1px solid var(--line);border-radius:14px;transition:.2s}.auth-input:focus-within{border-color:rgba(139,92,246,.85);box-shadow:0 0 0 3px rgba(139,92,246,.12),0 0 22px rgba(124,58,237,.12)}.auth-input.invalid{border-color:rgba(244,63,94,.55)}.auth-input>svg{width:19px;color:#d5daf1}.auth-input input{width:100%;min-width:0;color:#fff;background:transparent;border:0;outline:0}.auth-input input::placeholder{color:#7781aa}.password-toggle{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;color:#c7cdea;background:transparent;border:0;cursor:pointer}.password-toggle svg{width:18px}.field-error{margin-top:6px;color:#ff98ac;font-size:10px}.form-options{margin:18px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.remember-option{display:flex;align-items:center;gap:9px;cursor:pointer}.remember-option input{position:absolute;opacity:0}.remember-option>span{width:18px;height:18px;display:grid;place-items:center;color:#18072c;background:#b98aff;border:1px solid #d7bcff;border-radius:4px}.remember-option>span svg{width:13px;opacity:0}.remember-option input:checked+span svg{opacity:1}.remember-option input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.remember-option b{font-size:11px;font-weight:500;color:#cbd0e5}.form-options>a{color:#c06df6;text-decoration:none;font-size:11px}.sign-in-button{height:55px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(90deg,#8b5cf6,#7c3aed 52%,#d946ef);border:0;border-radius:12px;box-shadow:0 0 28px rgba(168,71,240,.3),inset 0 1px rgba(255,255,255,.22);font-weight:700;cursor:pointer;transition:.2s}.sign-in-button:hover{filter:brightness(1.1);box-shadow:0 0 36px rgba(168,71,240,.4)}.sign-in-button svg{width:19px;transition:.2s}.sign-in-button:hover svg{transform:translateX(3px)}.sign-in-button:disabled{cursor:wait;opacity:.84}.button-loader{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.sign-in-button.loading>svg{display:none}.sign-in-button.loading .button-loader{display:block}.security-note{margin-top:auto;padding-top:25px;display:flex;align-items:center;gap:13px}.security-note>svg{width:37px;height:37px;padding:6px;color:#b270ff;filter:drop-shadow(0 0 8px rgba(139,92,246,.3))}.security-note div{display:grid;gap:3px}.security-note strong{font-size:11px}.security-note span{color:#8993b8;font-size:10px}
.auth-story{position:absolute;z-index:2;left:clamp(565px,43vw,750px);top:50%;width:360px;transform:translateY(-41%)}.impact{position:relative;display:grid;margin-bottom:45px;color:#9c81ff;font-size:14px;letter-spacing:4px;line-height:1.65}.impact i{position:absolute;left:114px;top:34px;width:64px;height:1px;background:#9275ff}.impact i:after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 13px #716cff}.auth-story h2{margin:0;font-size:44px;line-height:1.13}.auth-story h2 em{color:#b487ff;font-style:normal}.auth-story>p{margin:17px 0 34px;color:#d0d3e3;font-size:15px}.auth-story blockquote{margin:0;color:#aeb4cf;font-size:12px;font-style:italic}.auth-story cite{display:block;margin-top:18px;color:#9099bb;font-style:normal}.auth-story cite:before{content:"";display:inline-block;width:20px;height:1px;margin:0 10px 3px 0;background:#9d76ff}.auth-footer{position:absolute;z-index:3;left:clamp(38px,4vw,70px);right:48px;bottom:13px;display:flex;justify-content:space-between;color:#7f88aa;font-size:9px}.auth-footer nav{display:flex;align-items:center;gap:13px}.auth-footer a{color:inherit;text-decoration:none}.auth-footer nav i{width:1px;height:10px;background:#68718f}
[dir=rtl]{--font:'Cairo',sans-serif}[dir=rtl] .auth-heading,[dir=rtl] .auth-form,[dir=rtl] .security-note{text-align:right}[dir=rtl] .auth-kicker,[dir=rtl] .security-note,[dir=rtl] .remember-option{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .form-options,[dir=rtl] .auth-input{flex-direction:row-reverse}[dir=rtl] .sign-in-button>svg{transform:rotate(180deg)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1280px){.auth-story{left:555px;width:310px}.auth-panel{width:440px;padding-left:34px;padding-right:34px}.auth-story h2{font-size:39px}}@media(max-width:1050px){.auth-story{display:none}.auth-overlay{background:linear-gradient(90deg,rgba(2,4,16,.48),rgba(2,4,16,.14) 58%,rgba(2,4,16,.24))}}@media(max-width:720px){.auth-page{display:flex;align-items:center;justify-content:center;padding:72px 16px 38px;overflow:auto}.auth-background img{object-position:68% center}.auth-overlay{background:rgba(2,5,18,.66)}.language-switch{top:15px;right:16px;width:135px;height:42px}.auth-panel{width:100%;min-height:0;margin:0;padding:24px 22px 23px;border-radius:20px;background:rgba(5,10,28,.84)}.auth-brand{height:105px}.auth-brand img{width:146px}.auth-heading h1{font-size:31px}.auth-heading>p:last-child{font-size:13px}.auth-form{margin-top:21px}.auth-input{height:52px}.security-note{margin-top:24px}.auth-footer{display:none}}@media(max-height:780px) and (min-width:721px){.auth-panel{min-height:calc(100dvh - 44px);margin-top:22px;margin-bottom:22px;padding-top:21px;padding-bottom:19px}.auth-brand{height:103px}.auth-brand img{width:150px}.auth-heading h1{font-size:34px}.auth-form{margin-top:18px}.auth-input{height:50px}.auth-form>label:not(:first-child){margin-top:13px}.form-options{margin:14px 0}.sign-in-button{height:50px}.security-note{padding-top:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}