:root{--primary-50:#fbfcfe;--primary-100:#f0f5fb;--primary-200:#dde5f5;--primary-300:#b3c3eb;--primary-400:#93abdd;--primary-500:#778fdb;--primary-600:#4667c9;--primary-700:#2d489a;--primary-800:#1a2a5a;--primary-900:#0f1834;--primary-950:#0b1228;--gray-50:#f4f6f8;--gray-100:#e2e8f0;--gray-200:#d5dde6;--gray-300:#c3ced9;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#1f2d3d;--gray-800:#16222f;--gray-900:#101828;--black-01:#000000;--white:#ffffff;--color-bg:var(--white);--color-surface:var(--white);--color-surface-alt:var(--primary-50);--color-border:var(--gray-100);--color-border-strong:var(--gray-200);--color-text:var(--gray-900);--color-text-muted:var(--gray-500);--color-accent:var(--primary-600);--color-accent-hover:var(--primary-500);--color-accent-active:var(--primary-700);--color-focus-ring:var(--primary-400)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;background:var(--color-bg)}.ui-card{width:100%;max-width:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:28px;position:relative;padding:2.3rem 1.95rem 2.25rem;box-shadow:0 4px 12px -2px rgba(16,24,40,.06),0 2px 4px -2px rgba(16,24,40,.04);overflow:hidden}.ui-card:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(70,103,201,.08),transparent 55%),radial-gradient(circle at 85% 20%,rgba(70,103,201,.1),transparent 70%);pointer-events:none}.heading-gradient{background:linear-gradient(90deg,var(--primary-700),var(--primary-500));background-clip:text;-webkit-background-clip:text;color:transparent}.btn-primary{position:relative;display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--primary-600);background:linear-gradient(180deg,var(--primary-600),var(--primary-700));color:#ffffff;font-size:.95rem;font-weight:550;padding:.9rem 1.45rem;border-radius:14px;cursor:pointer;letter-spacing:.25px;transition:background .35s,box-shadow .35s,transform .25s;box-shadow:0 2px 6px -2px rgba(16,24,40,.12),0 4px 14px -2px rgba(70,103,201,.25)}.btn-primary:not(:disabled):hover{background:linear-gradient(180deg,var(--primary-500),var(--primary-600));box-shadow:0 0 0 1px rgba(70,103,201,.4),0 6px 22px -6px rgba(70,103,201,.45)}.btn-primary:not(:disabled):active{transform:translateY(1px);background:linear-gradient(180deg,var(--primary-700),var(--primary-800))}.btn-primary:disabled{opacity:.5;cursor:default;background:linear-gradient(180deg,var(--gray-200),var(--gray-300));color:var(--gray-600);border-color:var(--gray-300);box-shadow:none}.btn-secondary{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:.95rem;font-weight:550;padding:.9rem 1.45rem;border-radius:14px;cursor:pointer;letter-spacing:.25px;transition:background .35s,box-shadow .35s,transform .25s;box-shadow:0 2px 6px -2px rgba(16,24,40,.12),0 4px 14px -2px rgba(70,103,201,.25);display:inline-flex;align-items:center;gap:.55rem}.btn-secondary:not(:disabled):hover{background:var(--color-bg-alt);border-color:var(--color-border-strong)}.btn-secondary:not(:disabled):active{transform:translateY(1px);background:var(--color-surface-alt)}.btn-secondary:disabled{opacity:.5;cursor:default;background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none}.logo{display:block;width:140px;height:auto;margin:0 0 1.6rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.title{margin:0 0 .85rem;font-size:clamp(1.5rem,3.1vw,2.05rem);line-height:1.05;font-weight:650;letter-spacing:-.5px}.spinner{width:.95rem;height:.95rem;border-radius:50%;border:2.5px solid var(--primary-200);border-top-color:var(--primary-600);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.center-page{display:flex;justify-content:center;padding:2rem 1.25rem;background-image:linear-gradient(180deg,var(--primary-50) 0,var(--white) 120%);color:var(--color-text)}