@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--bg-paper:#fafaf9;--ink:#121826;--ink-secondary:#334155;--ink-muted:#64748b;--ink-faint:#94a3b8;--ink-subtle:#cbd5e1;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--lime-400:#a3e635;--lime-500:#84cc16;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-400:#facc15;--yellow-500:#eab308;--amber-primary:#d97706;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-400:#f472b6;--pink-500:#ec4899;--red-primary:#dc2626;--red-light:#fee2e2;--red-dark:#b91c1c;--font-body:"Plus Jakarta Sans", "Space Grotesk", -apple-system, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"Space Mono", monospace;--border-width:2.5px;--border-thick:3.5px;--border-brutal:2.5px solid var(--ink);--border-thick-brutal:3.5px solid var(--ink);--shadow-sm:3px 3px 0px var(--ink);--shadow-brutal:5px 5px 0px var(--ink);--shadow-lg:8px 8px 0px var(--ink);--shadow-hover:7px 7px 0px var(--ink);--radius-sm:3px;--radius-md:4px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:var(--ink)}::selection{color:var(--ink);background:#e2e8f0}.grid-bg,.grid-millimeter{background-color:#fff}.brutal-card{background:var(--bg-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);transition:all .15s cubic-bezier(.16,1,.3,1)}.brutal-card:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-card-lg{background:var(--bg-surface);border:var(--border-thick-brutal);box-shadow:var(--shadow-lg);border-radius:var(--radius-md)}.brutal-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:var(--border-brutal);background:var(--green-500);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .12s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.brutal-btn:hover{background:var(--green-400);box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.brutal-btn:active{box-shadow:1px 1px 0px var(--ink);transform:translate(2px,2px)}.brutal-btn-outline{color:var(--ink);border:var(--border-brutal);box-shadow:var(--shadow-sm);background:#fff}.brutal-btn-outline:hover{background:var(--bg-subtle);box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.brutal-btn-danger{color:#fff;border:var(--border-brutal);box-shadow:var(--shadow-sm);background:#ef4444}.brutal-btn-danger:hover{box-shadow:var(--shadow-brutal);background:#dc2626;transform:translate(-2px,-2px)}.brutal-btn-coral{background:var(--orange-500);color:#fff;border:var(--border-brutal);box-shadow:var(--shadow-sm)}.brutal-btn-coral:hover{background:var(--orange-600);box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.brutal-btn-yellow{background:var(--yellow-400);color:var(--ink);border:var(--border-brutal);box-shadow:var(--shadow-sm)}.brutal-btn-yellow:hover{background:var(--yellow-500);box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.brutal-btn-blue{background:var(--blue-600);color:#fff;border:var(--border-brutal);box-shadow:var(--shadow-sm)}.brutal-btn-blue:hover{background:var(--blue-700);box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.brutal-btn-purple{background:var(--purple-600);color:#fff;border:var(--border-brutal);box-shadow:var(--shadow-sm)}.brutal-btn-purple:hover{background:var(--purple-700);box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px)}.brutal-card-yellow{border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);background:#fffbeb;transition:all .15s cubic-bezier(.16,1,.3,1)}.brutal-card-yellow:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-card-blue{border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);background:#eff6ff;transition:all .15s cubic-bezier(.16,1,.3,1)}.brutal-card-blue:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-card-purple{border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);background:#faf5ff;transition:all .15s cubic-bezier(.16,1,.3,1)}.brutal-card-purple:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-card-orange{border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);background:#fff7ed;transition:all .15s cubic-bezier(.16,1,.3,1)}.brutal-card-orange:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-card-green{border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);background:#f0fdf4;transition:all .15s cubic-bezier(.16,1,.3,1)}.brutal-card-green:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-card-pink{border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--radius-md);background:#fdf2f8;transition:all .15s cubic-bezier(.16,1,.3,1)}.brutal-card-pink:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ink);border-radius:var(--radius-sm);box-shadow:2px 2px 0px var(--ink);align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;line-height:1.2;display:inline-flex}.tag-green{color:#15803d;background:#dcfce7}.tag-lime{color:#4d7c0f;background:#ecfccb}.tag-blue{color:#1d4ed8;background:#dbeafe}.tag-yellow{color:#b45309;background:#fef3c7}.tag-orange{color:#c2410c;background:#ffedd5}.tag-purple{color:#7e22ce;background:#f3e8ff}.tag-pink{color:#be185d;background:#fce7f3}.tag-red{color:#b91c1c;background:#fee2e2}.tag-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.text-display{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(2.4rem,6.5vw,4.5rem);font-weight:800;line-height:1.05}.text-hero{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;line-height:1.15}.text-section{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700}.text-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:700}.text-body{color:var(--ink-secondary);font-size:.95rem;line-height:1.65}@keyframes shiny-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes text-strobe{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.progress-bar{border:2px solid var(--ink);border-radius:var(--radius-sm);width:100%;height:8px;box-shadow:2px 2px 0px var(--ink);background:#f1f5f9;overflow:hidden}.progress-fill{background:var(--green-500);height:100%;transition:width .3s}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 1.5rem}@media (width<=768px){.container{padding:0 1rem}}#root{min-height:100vh}