@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Quicksand:wght@600;700;800&family=JetBrains+Mono:wght@400&display=swap";
@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";
@tailwind base;@tailwind components;@tailwind utilities;:root{--color-oatmeal-rgb:246,244,238;--color-charcoal-rgb:44,48,58;--color-terracotta-rgb:224,109,83;--color-white:#fff;--color-warm-gray:#f5f5f0;--color-mid-gray:#888;--color-oatmeal:rgb(var(--color-oatmeal-rgb));--color-charcoal:rgb(var(--color-charcoal-rgb));--color-terracotta:rgb(var(--color-terracotta-rgb));--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;--space-48:192px;--space-64:256px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--font-display:800 40px/1.2 "Quicksand",sans-serif;--font-h1:700 28px/1.3 "Quicksand",sans-serif;--font-h2:700 22px/1.3 "Quicksand",sans-serif;--font-body:400 16px/1.6 "Inter",sans-serif;--font-ui:600 14px/1.5 "Inter",sans-serif;--font-mono:400 14px/1.4 "JetBrains Mono",monospace;--font-caption:400 12px/1.4 "Inter",sans-serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014}*{box-sizing:border-box;margin:0;padding:0}.container{width:100%;max-width:1100px;padding:0 var(--space-6);margin:0 auto}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--color-oatmeal);color:var(--color-charcoal);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}.h1{font:var(--font-h1);margin-bottom:var(--space-6)}.h2{font:var(--font-h2);margin-bottom:var(--space-4)}.body{font:var(--font-body)}.caption{font:var(--font-caption);color:var(--color-mid-gray)}.icon-brand{color:var(--color-terracotta);font-size:1.5rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font:var(--font-ui);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-terracotta);color:var(--color-oatmeal)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--color-charcoal);border:1px solid var(--color-warm-gray);background:0 0}.btn-ghost:hover{background:var(--color-warm-gray)}.btn-full{width:100%}.card{background:var(--color-white);border:1px solid var(--color-warm-gray);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.form-label{font:var(--font-ui);color:var(--color-charcoal)}.input{width:100%;padding:var(--space-3)var(--space-4);background:var(--color-white);border:1px solid var(--color-warm-gray);border-radius:var(--radius-md);font:var(--font-body);color:var(--color-charcoal);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--color-terracotta);outline:none}.form-error{color:#ef4444;font:var(--font-caption);margin-top:var(--space-1)}.form-hint{color:var(--color-mid-gray);font:var(--font-caption)}