.alert-title,.brand-title{letter-spacing:.08em;text-transform:uppercase}.auth-header p,.brand-subtitle,.field label{color:var(--text-muted)}.alert-title,.brand-title,.btn-primary,.field-icon,.modal-header h3{text-transform:uppercase}:root{--ksa-teal:#12d4c7;--ksa-teal-soft:rgba(18, 212, 199, 0.7);--ksa-bg:#050812;--ksa-card-bg:rgba(8, 15, 32, 0.88);--ksa-border:rgba(18, 212, 199, 0.2);--ksa-error:#ff4b81;--ksa-success:#37e39f;--text-main:#e8f7ff;--text-muted:#98a4c0;--shadow-soft:0 24px 60px rgba(0, 0, 0, 0.65);--radius-lg:18px;--radius-pill:999px;--transition-fast:150ms ease-out;--transition-med:220ms ease-out}*,::after,::before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main);background:radial-gradient(circle at top,#11192b 0,#050812 55%,#020308 100%)}.background-grid{pointer-events:none;position:fixed;inset:0;background-image:linear-gradient(rgb(18 212 199 / .06) 1px,transparent 1px),linear-gradient(90deg,rgb(18 212 199 / .05) 1px,transparent 1px);background-size:40px 40px;opacity:.9;z-index:-1}.auth-card,.btn-primary,.btn-primary span,.checkmark,.link-muted{position:relative}.background-grid::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgb(18 212 199 / .22),transparent 55%);mix-blend-mode:screen}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;padding:3rem clamp(2rem,5vw,4rem);gap:clamp(2.5rem,4vw,4rem)}.brand-panel{display:flex;align-items:center;justify-content:center}.brand-inner{max-width:520px}.brand-logo{max-width:340px;width:100%;display:block;margin-bottom:1.5rem;filter:drop-shadow(0 10px 40px rgb(18 212 199 / .6))}.brand-title{font-family:Orbitron,system-ui,sans-serif;font-weight:600;margin:0 0 .75rem;font-size:clamp(1.8rem, 2.2vw, 2.4rem)}.brand-subtitle{margin:0;font-size:.95rem}.alert,.brand-tagline{font-size:.9rem;display:flex}.brand-tagline{margin-top:1.25rem;align-items:center;gap:.5rem;color:var(--ksa-teal-soft)}.pulse-dot{width:10px;height:10px;border-radius:999px;background:var(--ksa-teal);box-shadow:0 0 0 0 rgb(18 212 199 / .6);animation:2.2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(18 212 199 / .6)}70%{box-shadow:0 0 0 16px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.alert{border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;line-height:1.4;align-items:flex-start;gap:.6rem;backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(148,163,184,.15)}.alert strong{margin-right:.25rem;font-weight:600}.alert-error{background:radial-gradient(circle at top left,rgba(248,113,113,.22),rgba(15,23,42,.95));border:1px solid rgba(248,113,113,.6);color:#fecaca}.alert-success{background:radial-gradient(circle at top left,rgba(56,189,248,.22),rgba(15,23,42,.95));border:1px solid rgba(56,189,248,.7);color:#e0f2fe}.alert-icon{font-weight:700;margin-top:.1rem;font-size:1.1rem;flex-shrink:0;text-shadow:0 0 6px currentColor}.alert-error .alert-icon{color:#fca5a5}.alert-success .alert-icon{color:#67e8f9}.alert-body{display:flex;flex-direction:column;gap:.15rem}.auth-form,.auth-panel{flex-direction:column;gap:1rem;display:flex}.alert-title{font-size:.85rem;opacity:.9}.alert-message{font-size:.9rem;opacity:.95}.alert-list{margin:.15rem 0 0;padding-left:1.25rem}.alert-list li{margin:0}.auth-panel{align-items:stretch}.auth-card{padding:2.4rem 2.3rem 2.15rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgb(8 15 32 / .9),rgb(10 25 40 / .98));border:1px solid var(--ksa-border);box-shadow:var(--shadow-soft);backdrop-filter:blur(22px)}.auth-card::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at 0 0,rgb(18 212 199 / .65),transparent 55%);opacity:.25;z-index:-1}.auth-header h2{margin:0 0 .35rem;font-size:1.6rem;letter-spacing:.02em}.auth-header p{margin:0;font-size:.9rem}.auth-form{margin-top:1.6rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.86rem}.field-shell{display:flex;align-items:stretch;gap:.65rem;padding:.55rem .7rem .55rem .6rem;border-radius:10px;border:1px solid #15645d;background:rgb(3 8 18 / .9);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.field-shell:focus-within{border-color:var(--ksa-teal);background:radial-gradient(circle at top left,rgb(18 212 199 / .12),rgb(2 6 16 / .98));box-shadow:0 0 0 1px rgb(18 212 199 / .32),0 0 25px rgb(18 212 199 / .25);transform:translateY(-1px)}.field-icon{align-self:center;font-size:.75rem;letter-spacing:.16em;color:rgb(152 164 192 / .9);padding:.1rem .45rem;border-radius:999px;border:1px solid}.field-shell input{flex:1;border:none;outline:0;background:#fff0;font-size:.92rem;color:var(--text-main);padding:.2rem 0}.field-shell input::placeholder{color:rgb(152 164 192 / .7)}.form-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.2rem;margin-bottom:.3rem;gap:.5rem}.btn-primary,.checkbox{display:inline-flex;align-items:center}.checkbox{gap:.5rem;font-size:.82rem;color:var(--text-muted);cursor:pointer;user-select:none}.link-muted,.status-text strong{color:var(--ksa-teal-soft)}.checkbox input{display:none}.checkmark{width:16px;height:16px;border-radius:4px;border:1px solid;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.checkbox input:checked+.checkmark{background:radial-gradient(circle at 30% 0,rgb(255 255 255 / .9),var(--ksa-teal));border-color:rgb(18 212 199 / .95);box-shadow:0 0 15px rgb(18 212 199 / .7)}.checkbox input:checked+.checkmark::after{content:"";position:absolute;inset:3px 4px 3px 4px;border-radius:3px;border-bottom:2px solid #01110f;border-right:2px solid #01110f;transform:rotate(35deg)}.btn-primary,.link-button{border:none;cursor:pointer}.link-muted{font-size:.82rem;text-decoration:none;padding-bottom:1px}.link-muted::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0%;background:linear-gradient(90deg,transparent,var(--ksa-teal),transparent);transition:width var(--transition-med)}.link-muted:hover::after{width:100%}.link-button{background:0 0;padding:0;font:inherit}.btn-primary{margin-top:.8rem;width:100%;padding:.75rem 1.2rem;border-radius:var(--radius-pill);background:radial-gradient(circle at 0 0,#fff,#a5fff7);color:#021117;font-weight:600;font-size:.95rem;letter-spacing:.08em;overflow:hidden;justify-content:center;gap:.4rem;box-shadow:0 14px 40px rgb(0 0 0 / .9);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.modal-backdrop,.system-status{display:flex;align-items:center}.btn-primary span{z-index:1}.btn-glow{position:absolute;inset:-60%;background:radial-gradient(circle at 15% 0,rgb(255 255 255),rgb(18 212 199 / .35),rgb(5 8 16 / .9));opacity:.95;mix-blend-mode:screen}.btn-primary:hover{transform:translateY(-1px) translateZ(0);box-shadow:0 20px 50px rgb(0 0 0 / .96);filter:brightness(1.02)}.btn-primary:active{transform:translateY(1px);box-shadow:0 10px 25px rgb(0 0 0 / .9)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;filter:grayscale(.2);box-shadow:none;transform:none}.btn-primary.is-loading .btn-label{opacity:.6;transform:translateY(1px)}.system-status{margin-top:.9rem;font-size:.78rem;color:var(--text-muted);gap:.4rem}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--ksa-teal);box-shadow:0 0 12px rgb(18 212 199 / .9)}.auth-footer{font-size:.78rem;color:var(--text-muted);text-align:center;padding:.2rem .5rem}.modal-backdrop{position:fixed;inset:0;background:radial-gradient(circle at top,rgb(5 10 24 / .95),rgb(0 0 0 / .9));justify-content:center;opacity:0;pointer-events:none;transform:scale(1.01);transition:opacity var(--transition-med),transform var(--transition-med);z-index:40}.modal-backdrop.open{opacity:1;pointer-events:auto;transform:scale(1)}.modal-dialog{position:relative;width:min(520px,96vw);padding:2.1rem 2rem 1.9rem;border-radius:18px;background:linear-gradient(135deg,rgb(8 15 32 / .98),rgb(10 24 40));border:1px solid;box-shadow:0 26px 60px rgb(0 0 0 / .9),0 0 0 1px rgb(0 0 0 / .8);backdrop-filter:blur(20px)}.feedback-icon-wrap,.modal-close{border-radius:999px;position:absolute}.modal-reset{animation:.22s ease-out drop-in}@keyframes drop-in{0%{opacity:0;transform:translateY(-18px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}.modal-header h3{margin:0 0 .35rem;font-size:1.25rem;letter-spacing:.04em}.modal-header p{margin:0;color:var(--text-muted);font-size:.86rem}.modal-close{top:.6rem;right:.8rem;width:30px;height:30px;border:1px solid;background:radial-gradient(circle at 30% 0,rgb(255 255 255 / .22),rgb(1 8 20 / .96));color:var(--text-main);font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.modal-close:hover{transform:translateY(-1px);border-color:rgb(18 212 199 / .8);box-shadow:0 0 18px rgb(18 212 199 / .7)}.modal-form{margin-top:1.35rem;display:flex;flex-direction:column;gap:1rem}.modal-btn{margin-top:.4rem}.modal-note{margin:.2rem 0 0;font-size:.78rem;color:var(--text-muted)}.feedback-dialog{text-align:center;padding-top:2.8rem;width:min(560px,98vw);animation:.25s ease-out rise}.feedback-dialog.feedback-success{border-color:rgba(55,227,159,.9);box-shadow:0 26px 80px rgba(16,185,129,.45),0 0 0 1px rgb(0 0 0 / .8);background:radial-gradient(circle at top,rgb(16 185 129 / .16),rgb(8 15 32 / .98))}.feedback-dialog.feedback-error{border-color:rgba(248,113,113,.9);box-shadow:0 26px 80px rgba(248,113,113,.3),0 0 0 1px rgb(0 0 0 / .8)}@keyframes rise{0%{opacity:0;transform:translateY(20px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}.feedback-header h3{text-transform:none;letter-spacing:.02em}.feedback-header p{margin-top:.35rem;font-size:.9rem;line-height:1.6;color:var(--text-muted)}.feedback-success .feedback-header h3{color:var(--ksa-success)}.feedback-error .feedback-header h3{color:var(--ksa-error)}.feedback-icon-wrap{top:-28px;left:50%;transform:translateX(-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 16px 40px rgb(0 0 0 / .85);border:1px solid;background:radial-gradient(circle at 25% 0,rgb(255 255 255 / .28),rgb(5 10 24))}.feedback-icon-wrap span{margin-top:3px}.feedback-success .feedback-icon-wrap{color:var(--ksa-success);border-color:rgb(55 227 159 / .9);box-shadow:0 0 30px rgb(55 227 159 / .75)}.feedback-error .feedback-icon-wrap{color:var(--ksa-error);border-color:rgb(248 113 113 / .9);box-shadow:0 0 30px rgb(248 113 113 / .75)}.btn-spinner{display:none;width:22px;height:22px;border-radius:999px;border:2px solid rgba(248,250,252,.4);border-top-color:var(--ksa-teal);box-shadow:0 0 12px rgba(148,163,184,.8);background:radial-gradient(circle at 30% 0,#fff,#020617);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:.7s linear infinite spin}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-spinner.done{border-color:var(--ksa-success);border-top-color:var(--ksa-success);box-shadow:0 0 16px var(--ksa-success),0 0 30px var(--ksa-success)}@media (max-width:960px){.login-page{grid-template-columns:minmax(0,1fr);padding:2.5rem 1.75rem}.brand-panel{order:-1;text-align:center}.brand-inner{max-width:460px}.brand-logo{margin-left:auto;margin-right:auto}.brand-tagline{justify-content:center}.auth-card{padding:2rem 1.7rem 1.9rem}}@media (max-width:600px){.login-page{padding:1.8rem 1.3rem}.auth-card{padding:1.7rem 1.4rem}.form-meta{flex-direction:column;align-items:flex-start}.btn-primary{font-size:.9rem}}