:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #111118;--color-bg-card: rgba(255, 255, 255, .03);--color-bg-card-hover: rgba(255, 255, 255, .06);--color-bg-glass: rgba(255, 255, 255, .04);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-text-primary: #f0f0f5;--color-text-secondary: #9999aa;--color-text-muted: #666677;--color-accent: #7c5cfc;--color-accent-hover: #9b7fff;--color-accent-glow: rgba(124, 92, 252, .25);--color-success: #00d68f;--color-warning: #ffb547;--gradient-hero: linear-gradient(135deg, #7c5cfc 0%, #00d68f 50%, #7c5cfc 100%);--gradient-card: linear-gradient(145deg, rgba(124, 92, 252, .08) 0%, rgba(0, 214, 143, .04) 100%);--gradient-glow: radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(124, 92, 252, .06), transparent 40%);--font-display: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--space-4xl: 8rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--max-width: 1200px;--max-width-narrow: 800px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;letter-spacing:-.02em}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl) 0;position:relative}.section-label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-md)}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--space-lg);background:var(--gradient-hero);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 6s linear infinite}.section-subtitle{font-size:1.15rem;color:var(--color-text-secondary);max-width:600px;line-height:1.8}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:var(--gradient-glow);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translateY(-2px)}.card:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.75rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 0 20px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 0 30px var(--color-accent-glow)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--color-bg-card)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:100px;white-space:nowrap}.divider{width:100%;height:1px;background:var(--color-border);border:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out both}@media(max-width:768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}.app.svelte-12qhfyh{min-height:100vh}
