:root{--color-primary:#1481A2;--color-secondary:#93979F;--color-white:#FFFFFF;--color-ink:#111827;--color-surface:#F3F4F6;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--font-body:"Trebuchet MS", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{opacity:.85}.container{max-width:1200px;margin:0 auto;padding:24px}.section{padding:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-sm);padding:10px 16px;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{filter:brightness(.95)}.btn-primary:active{filter:brightness(.9)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border-color:var(--color-secondary)}.btn-secondary:hover{background:#f9fafb}.card{background:var(--color-white);color:var(--color-ink);border:1px solid #e5e7eb;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a;padding:16px}.card h3{margin:0 0 8px}:focus-visible{outline:3px solid #F59E0B;outline-offset:2px}