*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0A0714;--bg-surface: #110D1F;--bg-elevated: #1A1430;--bg-subtle: #160F28;--bg-dark: #0A0714;--bg-light: #F0ECFF;--bg-light-surface: #FDFCFF;--text-on-light: #1A0F2E;--text-muted-on-light: #6B5B9A;--border-on-light: rgba(139, 92, 246, .12);--accent-purple: #C4B5FD;--accent-purple-dim: #9B8DD4;--accent-purple-glow: rgba(196, 181, 253, .15);--accent-purple-border: rgba(196, 181, 253, .18);--accent-gold: #D4A843;--accent-gold-dim: rgba(212, 168, 67, .15);--text: #EDE8FF;--text-muted: #9B8DD4;--text-faint: rgba(237, 232, 255, .4);--text-light: #9B8DD4;--text-white: #FFFFFF;--border: rgba(196, 181, 253, .14);--border-strong: rgba(196, 181, 253, .28);--status-success: #34D399;--status-success-bg: rgba(52, 211, 153, .1);--status-error: #F87171;--status-error-bg: rgba(248, 113, 113, .1);--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .6);--shadow-purple: 0 8px 32px rgba(196, 181, 253, .1);--nav-height: 64px;--radius: 8px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s ease;--transition-slow: .4s ease;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font: var(--font-body)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:640px){.container{padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-size:.9375rem;font-weight:600;transition:all var(--transition);cursor:pointer;white-space:nowrap}.btn--primary{background:var(--accent-purple);color:#0a0714}.btn--primary:hover{background:#d8ccff;transform:translateY(-1px);box-shadow:0 4px 20px #c4b5fd4d}.btn--secondary{background:var(--accent-gold);color:#0a0714}.btn--secondary:hover{opacity:.9;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-white);border:1.5px solid rgba(255,255,255,.4)}.btn--ghost:hover{background:#ffffff1a;border-color:#ffffffb3}.btn--outline{background:transparent;color:var(--accent-purple);border:1.5px solid var(--accent-purple-border)}.btn--outline:hover{background:var(--accent-purple-glow);border-color:var(--accent-purple);color:var(--accent-purple)}.btn--sm{padding:8px 16px;font-size:.875rem}.btn--lg{padding:16px 32px;font-size:1.0625rem}.section{padding:80px 0}@media(max-width:640px){.section{padding:48px 0}}.section--alt{background:var(--bg-subtle)}.section--light{background:var(--bg-light)}.section--light .section__title{color:var(--text-on-light)}.section--light .section__subtitle{color:var(--text-muted-on-light)}.section__title{font-family:var(--font-display);font-size:clamp(1.875rem,4vw,2.75rem);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin-bottom:16px;color:var(--text)}.section__subtitle{font-size:1.125rem;color:var(--text-muted);max-width:600px}@media(max-width:640px){.section__title{font-size:1.75rem}.section__subtitle{font-size:1rem}}.text-center{text-align:center}.grid{display:grid;gap:24px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--2,.grid--3{grid-template-columns:1fr}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition)}.card:hover{background:var(--bg-elevated);border-color:var(--border-strong);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge--primary{background:var(--accent-purple-glow);color:var(--accent-purple)}.badge--secondary{background:var(--accent-gold-dim);color:var(--accent-gold)}.badge--accent,.badge--webapp,.badge--download{background:var(--accent-purple-glow);color:var(--accent-purple)}input,textarea,select{font-family:inherit;font-size:1rem;width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);transition:border-color var(--transition);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent-purple)}input::placeholder,textarea::placeholder{color:var(--text-faint)}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px;color:var(--text-muted)}.form-group{margin-bottom:20px}.page-content{padding-top:var(--nav-height);min-height:100vh}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.is-visible{opacity:1;transform:translateY(0)}.fade-in-group>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-in-group.is-visible>*:nth-child(1){transition-delay:0ms}.fade-in-group.is-visible>*:nth-child(2){transition-delay:.1s}.fade-in-group.is-visible>*:nth-child(3){transition-delay:.2s}.fade-in-group.is-visible>*:nth-child(4){transition-delay:.3s}.fade-in-group.is-visible>*{opacity:1;transform:translateY(0)}
