@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-primary:#e07a5f;--color-primary-dark:#c96a52;--color-primary-light:#f0a090;--color-primary-subtle:#fdf2ef;--color-secondary:#2d3142;--color-secondary-light:#4a4e69;--color-success:#059669;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--color-bg:#faf9f7;--color-bg-elevated:#fff;--color-border:#e8e6e3;--color-border-light:#f0eeeb;--color-border-dark:#d4d1cc;--color-text:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-muted:#9a9a9a;--color-text-inverse:#fff;--color-kit:#fb6970;--color-beehiiv:#fc0;--color-mailerlite:#09c269;--font-display:"Bricolage Grotesque",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:4rem;--leading-none:1;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 2px 4px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.16);--shadow-focus:0 0 0 3px rgba(224,122,95,.3);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-bounce:400ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-modal:200;--z-toast:300}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);background-color:var(--color-bg);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight)}h1{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.01em}h2,h3{font-weight:700}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl);font-weight:600}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}strong{font-weight:600}small{font-size:var(--text-sm);color:var(--color-text-secondary)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg);padding:.2em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}main{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-4)}@media (min-width:768px){main{padding:var(--space-10) var(--space-6)}}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary,button[type=submit]{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled),button[type=submit]:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-dark)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.btn-lg{font-size:var(--text-base);padding:var(--space-4) var(--space-6)}label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}input,select,textarea{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}input:hover,select:hover,textarea:hover{border-color:var(--color-border-dark)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:disabled,select:disabled,textarea:disabled{background:var(--color-bg);cursor:not-allowed;opacity:.7}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-2px);border-color:var(--color-border-dark)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-kit{background:rgba(251,105,112,.1);color:var(--color-kit)}.badge-beehiiv{background:rgba(255,204,0,.15);color:#b38f00}.badge-mailerlite{background:rgba(9,194,105,.1);color:var(--color-mailerlite)}.alert{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.alert-error{background:var(--color-error-light);color:var(--color-error);border:1px solid rgba(220,38,38,.2)}.alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(5,150,105,.2)}.alert-warning{background:var(--color-warning-light);color:#92400e;border:1px solid rgba(245,158,11,.2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.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:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}