:root{--auth-bg:#08090c;--auth-panel:#0d0f13;--auth-card:#12151b;--auth-line:rgba(255,255,255,.09);--auth-text:#f7f8fc;--auth-muted:#929bb1;--auth-accent:#e50914;--auth-accent-dark:#7f1016;--auth-input:#0c0e12}
*{box-sizing:border-box}.auth-body{margin:0;background:var(--auth-bg);color:var(--auth-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.auth-page{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:34px}.auth-ambient{position:fixed;inset:0;pointer-events:none}.auth-ambient span{position:absolute;border-radius:50%;filter:blur(100px);opacity:.16}.auth-ambient span:nth-child(1){width:440px;height:440px;left:-160px;top:-160px;background:var(--auth-accent)}.auth-ambient span:nth-child(2){width:400px;height:400px;right:-130px;bottom:-160px;background:var(--auth-accent-dark)}.auth-ambient span:nth-child(3){width:260px;height:260px;left:43%;top:35%;background:#3f4249;opacity:.07}
.auth-brand{position:absolute;z-index:3;left:42px;top:32px;display:flex;align-items:center;gap:11px;color:#fff;font-size:15px;font-weight:850;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.auth-brand:hover{color:#fff;text-decoration:none}.auth-brand-mark,.auth-mobile-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--auth-accent),var(--auth-accent-dark));box-shadow:0 10px 30px rgba(229,9,20,.32)}.auth-brand-mark i,.auth-mobile-logo i{font-size:13px;transform:translateX(1px)}
.auth-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);width:min(1180px,100%);min-height:690px;overflow:hidden;border:1px solid var(--auth-line);border-radius:30px;background:rgba(12,14,18,.88);box-shadow:0 38px 110px rgba(0,0,0,.52);backdrop-filter:blur(22px)}.auth-story{position:relative;display:flex;align-items:center;overflow:hidden;padding:70px;background:radial-gradient(circle at 75% 20%,rgba(229,9,20,.25),transparent 38%),linear-gradient(145deg,#17191f,#0d0f13)}.auth-story:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent)}.auth-story-content{position:relative;z-index:2;max-width:530px}.auth-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;color:#e1e2e5;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.auth-story h1{max-width:520px;margin:0;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.055em}.auth-story p{max-width:470px;margin:24px 0 38px;color:#a8b0c4;font-size:18px;line-height:1.75}.auth-features{display:grid;gap:17px}.auth-features>div{display:flex;align-items:center;gap:15px}.auth-features>div>i{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(229,9,20,.1);color:#f1f1f3}.auth-features span{display:grid;gap:2px}.auth-features strong{font-size:14px}.auth-features small{color:#798299;font-size:12px}.auth-story-art{position:absolute;z-index:1;right:-60px;bottom:-60px;width:330px;height:330px}.art-ring{position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:50%}.ring-two{inset:50px}.art-card{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(18,21,27,.72);box-shadow:0 24px 60px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.art-card-main{top:70px;left:75px;width:120px;height:150px;border-radius:30px;color:#fff;font-size:30px;transform:rotate(9deg)}.art-card-main:before{content:"";position:absolute;inset:12px;border-radius:21px;background:linear-gradient(145deg,var(--auth-accent),var(--auth-accent-dark));opacity:.55}.art-card-main i{z-index:1}.art-card-small{left:10px;top:20px;display:flex;gap:7px;padding:11px 14px;border-radius:14px;color:#d8d9dd;font-size:11px;transform:rotate(-7deg)}.art-card-small b{color:#fff}
.auth-panel{display:grid;place-items:center;padding:55px;background:linear-gradient(160deg,rgba(15,17,21,.98),rgba(8,9,12,.98))}.auth-panel-inner{width:min(390px,100%)}.auth-heading{margin-bottom:34px}.auth-heading p{margin:0 0 8px;color:#f1f1f3;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.auth-heading h2{margin:0 0 10px;font-size:32px;letter-spacing:-.035em}.auth-heading>span:last-child{color:var(--auth-muted);font-size:14px}.auth-mobile-logo{display:none;margin-bottom:24px}.auth-form,.auth-modal form{display:grid;gap:20px}.auth-field{display:grid;gap:9px}.auth-field label,.auth-label-row label{margin:0;color:#dce1ec;font-size:13px;font-weight:700}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-label-row a{color:#c7c8cc;font-size:12px;font-weight:650;text-decoration:none}.auth-input{position:relative;display:flex;align-items:center}.auth-input>i{position:absolute;left:16px;color:#68728a;font-size:14px;pointer-events:none}.auth-input input{width:100%;height:52px;padding:0 48px 0 45px;color:#fff;background:var(--auth-input);border:1px solid var(--auth-line);border-radius:14px;outline:0;transition:.2s ease}.auth-input input::placeholder{color:#525b70}.auth-input input:hover{border-color:rgba(255,255,255,.17)}.auth-input input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 4px rgba(229,9,20,.11);background:#101217}.password-toggle{position:absolute;right:6px;display:grid;place-items:center;width:40px;height:40px;padding:0;color:#778198;background:transparent;border:0;border-radius:10px;cursor:pointer}.password-toggle:hover{color:#fff;background:rgba(255,255,255,.05)}.auth-check{display:flex;align-items:center;width:max-content;margin:1px 0;color:#aeb6c8;font-size:13px;cursor:pointer}.auth-check input{position:absolute;opacity:0}.auth-check span{display:grid;place-items:center;width:19px;height:19px;margin-right:9px;border:1px solid rgba(255,255,255,.17);border-radius:6px;background:var(--auth-input);color:transparent;font-size:9px}.auth-check input:checked+span{border-color:var(--auth-accent);background:var(--auth-accent);color:#fff}.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:53px;margin-top:2px;color:#fff;background:linear-gradient(110deg,#9f0710,var(--auth-accent) 48%,#e50914);border:0;border-radius:14px;box-shadow:0 15px 34px rgba(229,9,20,.24);font-size:14px;font-weight:800;cursor:pointer;transition:.2s ease}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 19px 40px rgba(229,9,20,.32)}.auth-submit:active{transform:translateY(0)}.auth-register{padding-top:3px;color:#7f899f;text-align:center;font-size:13px}.auth-register a{color:#f1f1f3;font-weight:750;text-decoration:none}.auth-back{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;color:#667087;font-size:12px;text-decoration:none}.auth-back:hover{color:#f1f1f3;text-decoration:none}
.auth-modal{width:min(480px,calc(100vw - 30px));padding:38px!important;color:var(--auth-text)!important;background:linear-gradient(155deg,#151a2d,#0b0f1d)!important;border:1px solid var(--auth-line);border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.55)}.auth-modal-small{width:min(440px,calc(100vw - 30px))}.auth-modal h2{margin:5px 0 0;font-size:29px;letter-spacing:-.035em}.auth-modal p{margin:0 0 6px;color:var(--auth-muted);font-size:14px;line-height:1.65}.modal-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:2px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(229,9,20,.12);color:#f1f1f3}.modal-kicker{color:#c7c8cc;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;border:1px solid var(--auth-line);border-radius:13px;background:rgba(255,255,255,.025);color:#929bb1;font-size:11px}.password-rules strong{grid-column:1/-1;color:#d8d9dd}.password-rules span:before{content:"✓";margin-right:6px;color:#34d399}.modal-note{display:flex;gap:10px;padding:13px;color:#9da6ba;background:rgba(59,130,246,.07);border:1px solid rgba(96,165,250,.13);border-radius:12px;font-size:12px;line-height:1.5}.modal-note i{margin-top:2px;color:#60a5fa}.fancybox__backdrop{background:rgba(3,5,12,.88)!important;backdrop-filter:blur(12px)}.auth-modal .f-button.is-close-btn{top:12px!important;right:12px!important;color:#929bb1!important;background:rgba(255,255,255,.05)!important;border-radius:10px!important}
.auth-form label.error,.auth-modal label.error{color:#fb7185;font-size:11px;font-weight:600}.auth-input:has(input.error) input{border-color:#e11d48}.auth-input:has(input.valid) input{border-color:rgba(52,211,153,.45)}
@media(max-width:1000px){.auth-page{padding:24px}.auth-brand{left:30px;top:24px}.auth-shell{grid-template-columns:1fr;max-width:540px;min-height:0}.auth-story{display:none}.auth-panel{padding:60px}.auth-mobile-logo{display:grid}}
@media(max-width:560px){.auth-page{display:block;padding:0}.auth-brand{display:none}.auth-shell{min-height:100vh;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-panel{align-items:start;padding:42px 24px}.auth-panel-inner{margin:auto}.auth-heading{margin-bottom:30px}.auth-heading h2{font-size:29px}.auth-modal{padding:30px 22px!important}.password-rules{grid-template-columns:1fr}.password-rules strong{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.auth-submit:hover{transform:none}}