@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-family:"Inter", sans-serif;--bg-color:#f3f2ee;--card-bg:#fff;--text-primary:#1a1a1a;--text-secondary:#6a6a6a;--border-color:#eae9e4;--accent-color:#2d52f4;--accent-text:#fff;--pill-bg:#e8edff;--pill-text:#2d52f4;--hover-card-bg:#fafafa;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 12px 24px #0000000d;--transition-speed:.3s}[data-theme=dark]{--bg-color:#0b1120;--card-bg:#161e2e;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#2d3748;--accent-color:#3b82f6;--accent-text:#fff;--pill-bg:#1e3a8a;--pill-text:#93c5fd;--hover-card-bg:#1f2937;--shadow-sm:0 4px 12px #0003;--shadow-md:0 12px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}.headline{letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem}@media (width<=640px){.headline{font-size:2.25rem}}.subheadline{color:var(--text-secondary);font-size:1.125rem;font-weight:400}.highlight{color:var(--accent-color)}.bento-card{background-color:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform .2s ease, box-shadow .2s ease, background-color var(--transition-speed) ease;border-radius:32px;padding:2.5rem}@media (width<=640px){.bento-card{border-radius:24px;padding:1.5rem}}.bento-card.interactive:hover{box-shadow:var(--shadow-md);background-color:var(--hover-card-bg);transform:translateY(-4px)}.pill{background-color:var(--pill-bg);color:var(--pill-text);cursor:default;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:var(--accent-text)}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.nav-pill{background-color:var(--card-bg);color:var(--text-primary);transition:opacity var(--transition-speed) ease;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:9999px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none}.nav-pill:hover{opacity:.8}.dark-pill{color:#8ba8ed;background-color:#1a2138;border:1px solid #2d3748;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}[data-theme=light] .dark-pill{color:#3b66e2;background-color:#f1f4ff;border:1px solid #e1e8fa}.social-icon{color:var(--text-primary);background-color:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:opacity .2s,transform .2s;display:flex}.social-icon:hover{opacity:.8;transform:translateY(-2px)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.text-sm{font-size:.875rem}.text-center{text-align:center}.w-full{width:100%}