:root{--ink: #0f172a;--muted-ink: #475569;--bg: #f8fafc;--card-bg: #ffffff;--accent: #2563eb;--accent-dark: #1d4ed8;--success: #0f9d58;--danger: #dc2626;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-feature-settings:"tnum"}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;border-radius:14px;padding:1rem 1.5rem;background:var(--accent);color:#fff;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:disabled{opacity:.6;cursor:not-allowed}button:not(:disabled):hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 10px 20px #1d4ed82e}main{padding:1.5rem clamp(1rem,3vw,3rem) 3rem;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}h1,h2,h3{margin:0;font-weight:700;line-height:1.2}p{line-height:1.6;margin:0}input,textarea,select{font:inherit;width:100%;padding:1rem 1.25rem;border-radius:14px;border:2px solid #e2e8f0;background:#fff;transition:border .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}label{display:block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-ink);margin-bottom:.5rem}.card{background:var(--card-bg);border-radius:24px;padding:clamp(1.5rem,2vw,2.25rem);box-shadow:0 20px 50px #0f172a14;display:flex;flex-direction:column;gap:1.25rem}.card header{display:flex;flex-direction:column;gap:.35rem}.card header h2{font-size:clamp(1.25rem,2.4vw,1.8rem)}.card header p{color:var(--muted-ink)}.grid{display:grid;gap:1rem}@media(min-width:720px){.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.tag{display:inline-flex;align-items:center;gap:.4rem;background:#2563eb1f;color:var(--accent-dark);padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.alert{padding:1rem;border-radius:18px;font-weight:600}.alert.success{background:#0f9d581f;color:var(--success)}.alert.error{background:#dc26261f;color:var(--danger)}.alert.info{background:#2563eb1f;color:var(--accent-dark)}.alert.warning{background:#eab30826;color:#b45309}.stack{display:flex;flex-direction:column;gap:1rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.actions button{flex:1;min-width:120px}small{color:var(--muted-ink)}
