:root{--bg: #efeeee;--surface: #ffffff;--border: #e5e7eb;--fg: #434E63;--muted: #64748b;--primary: #0d9488;--primary-600: #0f766e;--primary-700: #115e59;--shadow: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Segoe UI Emoji",Segoe UI Symbol;color-scheme:light}.container{max-width:1200px;margin-inline:auto;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 12px #0000000f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:.55rem;border:1px solid transparent;background:var(--primary);color:#fff;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.btn:hover{background:var(--primary-600)}.btn:active{transform:translateY(1px);background:var(--primary-700)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb59}.btn:disabled{opacity:.65;cursor:not-allowed}.input{width:100%;padding:.7rem .8rem;border:1px solid #d1d5db;border-radius:.55rem;outline:none;background:#fff;transition:box-shadow .15s ease,border-color .15s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb2e}.row{display:flex;gap:1rem}.col{display:flex;flex-direction:column;gap:.5rem}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(1200px 600px at 50% -10%,#ffffffd9,#fff0),radial-gradient(800px 400px at 10% -10%,#ffffff8c,#fff0),radial-gradient(800px 400px at 90% -10%,#ffffff73,#fff0),linear-gradient(180deg,#f6f9fc,#e5ebf3 40%,#cdd5e0,#6b7687)}.text-muted{color:var(--muted)}.link{color:var(--primary-600);text-decoration:none}.link:hover{text-decoration:underline}.auth-grid{display:grid;gap:2rem;align-items:center}@media (min-width: 960px){.auth-grid{grid-template-columns:1.2fr 1fr}}.auth-hero{display:none}@media (min-width: 960px){.auth-hero{display:block}}@media (prefers-color-scheme: dark){:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e5e7eb;--fg: #434E63;--muted: #64748b;--shadow: 0 2px 12px rgba(0,0,0,.06)}.card{background:var(--surface)}.input{background:#fff;color:var(--fg);border-color:#d1d5db}}