:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--bg-card:#141414;--border-subtle:rgba(255, 255, 255, 0.06);--border-medium:rgba(255, 255, 255, 0.1);--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#737373;--accent:#22c55e;--accent-hover:#4ade80;--accent-rgb:34, 197, 94;--font-sans:'Inter', system-ui, -apple-system, sans-serif;--font-mono:'JetBrains Mono', monospace;--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-sm:clamp(0.875rem, 0.8rem + 0.35vw, 1rem);--text-base:clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + 0.6vw, 1.375rem);--text-xl:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--text-2xl:clamp(2rem, 1.5rem + 2.5vw, 4rem);--text-3xl:clamp(2.5rem, 2rem + 3vw, 6rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container:1280px;--header-height:72px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.4s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme="light"]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-card:#ffffff;--border-subtle:rgba(0, 0, 0, 0.06);--border-medium:rgba(0, 0, 0, 0.1);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#16a34a;--accent-hover:#22c55e;--accent-rgb:22, 163, 74}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:var(--text-base);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:rgba(var(--accent-rgb),.3);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section-sm{padding:var(--space-16) 0}.section-lg{padding:var(--space-32) 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-medium);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.05)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.card:hover{border-color:var(--border-medium);transform:translateY(-4px);box-shadow:0 20px 40px rgb(0 0 0 / .3)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;display:flex;align-items:center;transition:background var(--transition-base),backdrop-filter var(--transition-base)}.site-header.scrolled{background:rgb(10 10 10 / .8);backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--border-subtle)}[data-theme="light"] .site-header.scrolled{background:rgb(248 250 252 / .85)}.site-header .container{display:flex;align-items:center;justify-content:space-between}.logo img{filter:brightness(0) saturate(100%);transition:filter var(--transition-fast)}html[data-theme="dark"] .logo img,:root:not([data-theme="light"]) .logo img{filter:none}.logo{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-2)}.logo span{color:var(--accent)}.logo-icon{width:32px;height:32px;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.logo-icon::after{content:'';width:8px;height:8px;background:var(--accent);border-radius:50%}.main-nav{display:flex;gap:var(--space-8)}.main-nav a{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);position:relative;padding:var(--space-2) 0}.main-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition-base)}.main-nav a:hover,.main-nav a.active{color:var(--text-primary)}.main-nav a:hover::after,.main-nav a.active::after{width:100%}.mobile-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2)}.mobile-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-base)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand .logo{margin-bottom:var(--space-4)}.footer-brand p{color:var(--text-muted);font-size:var(--text-sm);max-width:280px;line-height:1.7}.footer-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-subtle);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-muted)}.social-links{display:flex;gap:var(--space-4)}.social-links a{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.social-links a:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(var(--accent-rgb),.1)}50%{box-shadow:0 0 40px rgba(var(--accent-rgb),.2)}}.animate-fadeInUp{animation:fadeInUp 0.8s ease forwards}.animate-delay-1{animation-delay:0.1s}.animate-delay-2{animation-delay:0.2s}.animate-delay-3{animation-delay:0.3s}.animate-delay-4{animation-delay:0.4s}.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--header-height:64px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:rgb(10 10 10 / .98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--border-subtle)}[data-theme="light"] .main-nav{background:rgb(248 250 252 / .98);border-bottom-color:rgb(0 0 0 / .08);box-shadow:0 12px 24px rgb(0 0 0 / .08)}.main-nav.open{display:flex}.mobile-toggle{display:flex}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}html{scroll-behavior:auto}}