:root{--ink:#19171f;--paper:#f5f1e8;--coral:#ff735c;--violet:#8666ff;--lime:#c9f36a;--muted:#77727d}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}.auth-body{min-height:100vh;background:#17151c;overflow-x:hidden;position:relative}.auth-stage{width:min(1180px,calc(100% - 56px));min-height:720px;margin:42px auto;display:grid;grid-template-columns:1fr .88fr;border:1px solid rgba(255,255,255,.16);border-radius:32px;overflow:hidden;position:relative;z-index:2;box-shadow:0 35px 100px rgba(0,0,0,.3)}.auth-story{background:linear-gradient(145deg,rgba(26,23,35,.92),rgba(53,41,95,.82)),url('https://images.unsplash.com/photo-1529390079861-591de354faf5?auto=format&fit=crop&w=1400&q=80') center/cover;color:#fff;padding:48px 55px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:390px;height:390px;border:65px solid rgba(201,243,106,.11);border-radius:50%;right:-150px;bottom:-140px}.auth-brand{position:relative;z-index:1}.auth-brand img{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:10px}.auth-story>div{position:relative;z-index:1}.auth-story>div>span,.auth-card-heading>span,.auth-message-card>span{font-size:9px;letter-spacing:.19em;font-weight:800;color:var(--lime)}.auth-story h1{font:800 clamp(46px,5vw,78px)/.96 "Manrope";letter-spacing:-.065em;margin:18px 0 25px}.auth-story h1 em{font-family:Georgia,serif;font-weight:400;color:var(--coral)}.auth-story p{max-width:480px;color:rgba(255,255,255,.65);font-size:15px;line-height:1.75}.auth-story footer{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.48);position:relative;z-index:1}.auth-story footer i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px rgba(201,243,106,.12)}.auth-panel{background:var(--paper);padding:58px;display:grid;place-items:center}.auth-card{width:min(100%,430px)}.auth-card-heading h2,.auth-message-card h2{font:800 38px/1.05 "Manrope";letter-spacing:-.045em;margin:10px 0 9px}.auth-card-heading p,.auth-message-card p{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 30px}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-field>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.auth-field>div{height:52px;background:#fff;border:1px solid #d7d1c8;border-radius:11px;display:flex;align-items:center;transition:.2s}.auth-field>div:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(134,102,255,.1)}.auth-field i{font-style:normal;color:#9a949e;width:42px;text-align:center;font-size:11px}.auth-field input{height:100%;flex:1;min-width:0;border:0;background:transparent;outline:0;padding:0 8px 0 0;font-size:13px}.auth-field em{font-size:9px;color:#b83d32;font-style:normal}.password-toggle{border:0;background:transparent;padding:8px 13px;color:#735bd0;font-size:9px;font-weight:800}.auth-remember{display:flex;align-items:flex-start;gap:10px;font-size:11px}.auth-remember input{accent-color:var(--violet);margin-top:3px}.auth-remember>span{display:flex;flex-direction:column}.auth-remember small{font-size:9px;color:#97919b}.auth-submit{min-height:51px;border:0;border-radius:11px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.auth-submit:hover{background:#342b5d;transform:translateY(-2px)}.auth-submit span{font-size:19px}.auth-help{border-top:1px solid #dcd6cd;margin-top:24px;padding-top:17px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8c8790}.auth-help a{font-weight:800;color:#674ec4}.auth-alert{padding:11px 13px;border-radius:9px;margin-bottom:17px;font-size:10px;line-height:1.5}.auth-alert ul{margin:0;padding-left:18px}.auth-alert.error{background:#f7ddda;color:#8e3028;border:1px solid #e9b8b3}.auth-alert.success{background:#e7f8bd;color:#416000;border:1px solid #c7e682}.auth-alert.validation-summary-valid{display:none}.auth-demo{margin-top:18px;background:#e8e1ff;border-radius:10px;font-size:9px}.auth-demo summary{cursor:pointer;padding:10px 12px;font-weight:800;color:#5b42b6}.auth-demo>div{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;border-top:1px solid rgba(91,66,182,.15)}.auth-demo span{font-family:monospace;font-size:8px}.auth-back{position:absolute;left:25px;top:18px;z-index:4;color:rgba(255,255,255,.65);font-size:10px;font-weight:700;display:flex;gap:8px}.auth-back:hover{color:#fff}.auth-orbit{position:fixed;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.orbit-a{width:500px;height:500px;left:-260px;top:-250px}.orbit-b{width:680px;height:680px;right:-360px;bottom:-400px}.auth-message-card{text-align:center}.auth-message-icon{width:65px;height:65px;border-radius:50%;background:var(--coral);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);display:grid;place-items:center;font:800 27px "Manrope";margin:0 auto 28px}.auth-message-card .auth-submit{margin-top:28px}.password-rules{display:flex;gap:6px;flex-wrap:wrap;margin-top:-8px}.password-rules span{font-size:8px;background:#e9e4dc;color:#716c75;border-radius:50px;padding:4px 7px}
@media(max-width:900px){.auth-stage{grid-template-columns:1fr;width:min(680px,calc(100% - 32px));margin:50px auto 25px}.auth-story{min-height:330px;padding:35px}.auth-story h1{font-size:48px}.auth-story p{max-width:520px}.auth-story footer{display:none}.auth-brand img{width:72px;height:72px}.auth-panel{padding:45px 35px}}
@media(max-width:520px){.auth-stage{width:100%;margin:0;border:0;border-radius:0}.auth-story{min-height:270px;padding:55px 24px 28px}.auth-story h1{font-size:39px;margin:12px 0}.auth-story p{font-size:12px}.auth-brand img{width:58px;height:58px}.auth-panel{padding:38px 22px;min-height:520px}.auth-card-heading h2,.auth-message-card h2{font-size:32px}.auth-back{top:18px;left:auto;right:18px}.auth-demo>div{align-items:flex-start;flex-direction:column}}