@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-surface:#f1f5f9;--bg-card:#fff;--accent-yellow:#facc15;--accent-gold:#eab308;--accent-purple:#8b5cf6;--accent-teal:#14b8a6;--accent-coral:#f97316;--accent-black:#000;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#94a3b8;--border-strong:#000;--border-subtle:#e2e8f0;--border-card:#e2e8f0;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px -2px #0000000f;--shadow-hover:0 12px 30px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--accent-black);letter-spacing:-.03em;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-weight:700}.asym-container{max-width:1280px;margin:0 auto;padding:24px 32px;position:relative}.asym-grid-split{grid-template-columns:1.15fr .85fr;align-items:start;gap:48px;display:grid}.asym-grid-split-reversed{grid-template-columns:.85fr 1.15fr;align-items:start;gap:48px;display:grid}@media (width<=992px){.asym-grid-split,.asym-grid-split-reversed{grid-template-columns:1fr;gap:32px}}.asym-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:16px;padding:36px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.asym-card:hover{border-color:var(--accent-black);box-shadow:var(--shadow-md)}.asym-card-reverse{border-radius:20px 8px 24px 12px}.asym-stripe-header{margin-bottom:24px}.asym-stripe-header h3{font-size:1.75rem;line-height:1.2}.gradient-text{color:var(--accent-black);display:inline-block;position:relative}.gradient-text:after{content:"";background:var(--accent-yellow);z-index:-1;height:8px;position:absolute;bottom:4px;left:0;right:0;transform:rotate(-1deg)}.gradient-text-purple{color:var(--accent-black);display:inline-block;position:relative}.gradient-text-purple:after{content:"";z-index:-1;background:#c4b5fd;height:8px;position:absolute;bottom:4px;left:0;right:0;transform:rotate(1deg)}.btn-primary{background:var(--accent-black);color:#fff;border-radius:var(--radius-xs);border:1px solid var(--accent-black);cursor:pointer;align-items:center;gap:10px;padding:14px 28px;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#1e293b;transform:translateY(-1px)}.btn-secondary{color:var(--accent-black);border-radius:var(--radius-xs);border:1px solid var(--border-card);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--accent-black)}.btn-purple{background:var(--accent-black);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:10px;padding:14px 28px;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-purple:hover{background:#334155;transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-label{color:var(--text-main);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.8rem;font-weight:700;display:block}.input-field{border:1px solid var(--border-card);border-radius:var(--radius-xs);width:100%;color:var(--text-main);background:#fff;padding:14px 18px;font-family:inherit;font-size:.98rem;transition:all .2s}.input-field:focus{border-color:var(--accent-black);outline:none;box-shadow:0 0 0 2px #00000014}.minimal-input-group{border:1px solid var(--border-card);border-radius:var(--radius-xs);background:#fff;align-items:stretch;display:flex;overflow:hidden}.minimal-input-group input{border:none;border-radius:0;flex:1}.minimal-input-group input:focus{box-shadow:none}.minimal-input-group button{background:var(--accent-black);color:#fff;border:none;border-radius:0;padding:0 20px}.badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-cyan{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-purple{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.badge-emerald{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-amber{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-rose{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.navbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:40px;padding:24px 0;display:flex}.nav-brand{color:var(--accent-black);letter-spacing:-.04em;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;text-decoration:none;display:flex}.nav-brand-icon{background:var(--accent-black);border-radius:var(--radius-xs);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.option-card{border:1px solid var(--border-card);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:16px;margin-bottom:12px;padding:16px 20px;transition:all .2s;display:flex}.option-card:hover{border-color:var(--accent-black);background:var(--bg-secondary)}.option-card.selected{border-color:var(--accent-black);box-shadow:0 0 0 1px var(--accent-black);background:#f8fafc}.option-letter{background:var(--bg-surface);width:32px;height:32px;color:var(--text-main);border-radius:6px;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;transition:all .2s;display:flex}.option-card.selected .option-letter{background:var(--accent-black);color:#fff}.minimal-art-block{align-items:center;gap:16px;display:flex}.art-box-yellow{background:var(--accent-yellow);border-radius:12px;width:60px;height:60px}.art-box-teal{background:var(--accent-teal);border-radius:12px;width:60px;height:60px}.art-box-purple{background:var(--accent-purple);border-radius:12px;width:60px;height:60px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}