:root{--app-bg: #f6f7fb;--app-fg: #0d1117;--card-bg: rgba(255,255,255,.7);--muted: rgba(0,0,0,.6);--brand: #3b82f6}@media(prefers-color-scheme:dark){:root{--app-bg: #0b0e12;--app-fg: #e9eef6;--card-bg: rgba(255,255,255,.06);--muted: rgba(255,255,255,.7)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--app-bg);color:var(--app-fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:0 24px}.header{border-bottom:1px solid rgba(255,255,255,.1)}.header .inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.nav a{opacity:.9;margin-left:12px}.nav a:hover{opacity:1;text-decoration:underline}.main{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:40px 16px}.footer{text-align:center;padding:32px 16px;opacity:.6}.card{width:100%;max-width:520px;background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.h1{font-size:28px;font-weight:700;margin:0 0 12px}.p{opacity:.85;margin:0 0 24px}.label{font-size:13px;margin-bottom:6px;opacity:.85}.input{width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.08);background:#0000000a;color:var(--app-fg);border-radius:12px;outline:none}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3b82f633}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;background:var(--brand);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;box-shadow:0 6px 20px #3b82f640}.button[disabled]{opacity:.7;cursor:not-allowed}.full{width:100%}.error{color:#ef4444;font-size:13px;margin:8px 0}.success{color:#22c55e;font-size:13px;margin:8px 0}.link{text-decoration:underline}