:root{--bg-left:#080d19;--bg-right:#050810;--on-surface:#dce2f7;--on-surface-variant:#8c909f;--outline-variant:#222938;--primary-btn:#ff5312;--primary-btn-text:#080d19;--primary-btn-hover:#e64200;--font-chrome:var(--font-dm-sans),"DM Sans",sans-serif,"SFMono-Regular",Consolas,monospace;--font-canvas:var(--font-dm-sans),"DM Sans",sans-serif,"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}.login-page-wrapper{background-color:var(--bg-left);color:var(--on-surface);font-family:var(--font-chrome);height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(hsla(227,9%,59%,.08) 1px,transparent 0);background-size:20px 20px}.bg-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(0,165,114,.08) 0,transparent 60%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:2;position:relative}.login-card{background-color:var(--bg-right);border:1px solid var(--outline-variant);border-radius:16px;padding:48px;width:100%;max-width:460px;box-shadow:0 24px 64px rgba(0,0,0,.6);gap:32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-header,.login-card{display:flex;flex-direction:column}.card-header{text-align:center;gap:8px;margin-bottom:8px;padding-bottom:24px;border-bottom:1px solid var(--outline-variant)}.hero-title{font-size:32px;font-weight:700;color:#fff;letter-spacing:-.02em}.hero-subtitle{font-size:14px;color:var(--on-surface-variant);font-weight:500}.form-container{gap:24px}.form-container,.form-header{display:flex;flex-direction:column}.form-header{gap:6px;text-align:center}.form-title{font-size:22px;font-weight:600;color:#fff}.form-subtitle{font-size:13px;color:var(--on-surface-variant)}.auth-form{gap:20px}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{gap:8px;position:relative}.input-label{font-size:10px;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.underlined-input{background:transparent;border:none;border-bottom:1px solid var(--outline-variant);color:#fff;font-family:var(--font-chrome);font-size:14px;height:36px;outline:none;padding-bottom:4px;transition:border-color .15s ease;width:100%}select.underlined-input{color:var(--on-surface);cursor:pointer}select.underlined-input option{background-color:var(--bg-right);color:var(--on-surface)}.underlined-input:focus{border-bottom-color:var(--primary-btn)}.password-toggle-btn{position:absolute;right:0;bottom:8px;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;padding:4px}.password-toggle-btn:hover{color:#fff}.checkbox-group{flex-direction:row;align-items:center;gap:10px;margin-top:8px;margin-bottom:4px}#terms-checkbox{accent-color:var(--primary-btn);cursor:pointer;width:16px;height:16px}.checkbox-label{font-size:12px;color:var(--on-surface-variant);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label a{color:var(--primary-btn);text-decoration:none}.submit-btn{background-color:var(--primary-btn);border:none;color:var(--primary-btn-text);font-family:var(--font-chrome);font-size:15px;font-weight:700;height:48px;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;transition:background-color .15s ease,transform .1s ease;margin-top:8px}.submit-btn:hover{background-color:var(--primary-btn-hover)}.submit-btn:active{transform:scale(.98)}.form-toggle-link{font-size:13px;color:var(--on-surface-variant);text-align:center;margin-top:4px}.form-toggle-link a{color:#fff;text-decoration:none;margin-left:4px;font-weight:600}.form-toggle-link a:hover{text-decoration:underline}.hero-footer{position:absolute;bottom:24px;left:24px;font-family:var(--font-canvas);font-size:10px;color:#3b4252;letter-spacing:.1em;z-index:1}.toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:10000;pointer-events:none}.toast{background-color:#0c1322;border:1px solid var(--outline-variant);color:var(--on-surface);padding:12px 24px;font-size:14px;font-weight:500;pointer-events:auto;animation:toast-in .25s cubic-bezier(0,0,.2,1),toast-out .25s cubic-bezier(.4,0,1,1) 2.75s forwards;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.5)}.toast-info{border-left:4px solid #3b82f6}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important;background-color:transparent!important}.signup-step{display:flex;flex-direction:column;gap:20px}.signup-step-hidden{display:none!important}body.light-theme{--bg-left:#f4f6f8;--bg-right:#fff;--on-surface:#0f172a;--on-surface-variant:#64748b;--outline-variant:#e2e8f0;--primary-btn:#ff5312;--primary-btn-text:#fff;--primary-btn-hover:#e64200;background-image:radial-gradient(rgba(15,23,42,.08) 1px,transparent 0)}body.light-theme .login-card{box-shadow:0 24px 64px rgba(15,23,42,.08)}body.light-theme .form-title,body.light-theme .form-toggle-link a,body.light-theme .hero-title,body.light-theme .underlined-input{color:#0f172a}body.light-theme select.underlined-input option{background-color:#fff;color:#0f172a}body.light-theme .underlined-input{color:#0f172a;border-bottom:1px solid #e2e8f0}body.light-theme .underlined-input:focus{border-bottom-color:var(--primary-btn)}body.light-theme input:-webkit-autofill,body.light-theme input:-webkit-autofill:active,body.light-theme input:-webkit-autofill:focus,body.light-theme input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important}body.light-theme .hero-footer{color:#94a3b8}body.light-theme .toast{background-color:#fff;color:#0f172a;box-shadow:0 4px 12px rgba(15,23,42,.08)}body.light-theme .password-toggle-btn:hover{color:#0f172a}