:root{color-scheme:light dark;--bg: #f4f5f7;--fg: #1a1a2e;--muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--accent-fg: #ffffff;--accent-hover: #1d4ed8;--danger: #b91c1c;--card-bg: #ffffff;--field-bg: #ffffff;--ring: rgba(37, 99, 235, .35);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 3px rgba(16, 24, 40, .1), 0 12px 28px rgba(16, 24, 40, .08);--fx-rgb: 37, 99, 235;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg)}@media (prefers-color-scheme: dark){:root{--bg: #0b1120;--fg: #e5e7eb;--muted: #94a3b8;--border: #1e293b;--accent: #60a5fa;--accent-fg: #0b1120;--accent-hover: #93c5fd;--danger: #f87171;--card-bg: #111827;--field-bg: #0f172a;--ring: rgba(96, 165, 250, .4);--fx-rgb: 147, 197, 253}}*{box-sizing:border-box}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent),var(--bg)}.auth-shell{position:relative;z-index:1;width:23rem;max-width:100%;display:flex;flex-direction:column;gap:1.25rem}.brand{display:flex;justify-content:center}.wordmark{height:5.7rem;width:auto;-webkit-user-select:none;user-select:none}.mma-badge{position:fixed;left:0;right:0;bottom:2rem;z-index:1;display:flex;justify-content:center;pointer-events:none}.mma-logo{height:2.8rem;width:auto;opacity:.85;-webkit-user-select:none;user-select:none}.logo-dark{display:none}@media (prefers-color-scheme: dark){.logo-light{display:none}.logo-dark{display:block}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.card-head{margin-bottom:1.5rem}h1{font-size:1.3rem;line-height:1.25;margin:0}.subtitle{color:var(--muted);font-size:.9rem;margin:.35rem 0 0}form{display:flex;flex-direction:column;gap:.85rem}label{font-size:.85rem;font-weight:600;display:block;margin-bottom:.35rem}input{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--field-bg);color:var(--fg);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--muted)}input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.field{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:.8rem;width:1.1rem;height:1.1rem;color:var(--muted);pointer-events:none}.field input{padding-left:2.5rem}button{margin-top:.4rem;padding:.7rem 1rem;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);font:inherit;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .05s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}button:disabled{opacity:.6;cursor:default}button.secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:color-mix(in srgb,var(--fg) 6%,transparent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:2px}.links{margin:.25rem 0 0;font-size:.9rem}.muted{color:var(--muted);font-size:.9rem;margin:0 0 .25rem}.error{color:var(--danger);font-size:.9rem;margin:0;display:flex;gap:.4rem;align-items:flex-start}.error:before{content:"⚠"}@media (prefers-reduced-motion: reduce){*{transition:none!important}}