:root{--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--text-muted: #64748b;--primary: #0ea5e9;--primary-dark: #0284c7;--border: #e2e8f0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1100px;margin:0 auto;padding:0 1rem 3rem}.container-narrow{max-width:440px;margin:0 auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.nav-brand{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0000000a}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.375rem}.form-group input,.form-group textarea,input,textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem}input:focus,textarea:focus{outline:2px solid var(--primary);border-color:var(--primary)}.btn{display:inline-block;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none;font-size:.9rem;font-weight:600}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:#f1f5f9}.error-msg{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:.6rem .75rem;border-radius:8px}h1{font-size:1.75rem}h3{font-size:1.1rem}