[data-theme=light],:root{--bg-primary:#fff;--bg-secondary:#f8fafb;--bg-surface:#f1f5f7;--bg-card:#fff;--bg-elevated:#eaf0f3;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent:#14b8a6;--accent-hover:#0d9488;--accent-dim:#0f766e;--accent-subtle:#14b8a614;--border-color:#e2e8f0;--border-light:#cbd5e1;--overlay:#0f172a66;--noise-opacity:.008}[data-theme=dark]{--bg-primary:#0a0f14;--bg-secondary:#0d1318;--bg-surface:#111820;--bg-card:#161d26;--bg-elevated:#1b2430;--text-primary:#ecf1f5;--text-secondary:#89a;--text-tertiary:#4a5568;--accent:#2dd4bf;--accent-hover:#45e0cc;--accent-dim:#14b8a6;--accent-subtle:#2dd4bf14;--border-color:#1e293b;--border-light:#2a3646;--overlay:#000000b3;--noise-opacity:.02}:root{--font-display:"Geist", "Noto Sans SC", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Geist", "Noto Sans SC", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-name:"Geist", "Noto Sans SC", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:5rem;--section-padding:140px 0;--container-max:1400px;--container-padding:0 48px;--transition-fast:.2s cubic-bezier(.22, 1, .36, 1);--transition-base:.4s cubic-bezier(.22, 1, .36, 1);--transition-slow:.7s cubic-bezier(.22, 1, .36, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px}@media (width<=1024px){:root{--container-padding:0 24px;--section-padding:100px 0;--font-size-5xl:2.8rem;--font-size-6xl:3.2rem;--font-size-4xl:2rem}}@media (width<=640px){:root{--container-padding:0 16px;--section-padding:80px 0;--font-size-5xl:2.2rem;--font-size-6xl:2.4rem;--font-size-4xl:1.75rem}}*,: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);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:9998;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-max);padding:var(--container-padding);margin:0 auto}.section{padding:var(--section-padding);position:relative}.section-label{font-family:var(--font-sans);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:16px;font-weight:600}.section-title{font-family:var(--font-display);font-size:var(--font-size-4xl);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:20px;font-weight:700;line-height:1.25}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin-bottom:60px;font-weight:400;line-height:1.7}.text-accent{color:var(--accent)}.divider{background:linear-gradient(90deg, transparent 0%, var(--border-color) 15%, var(--border-color) 85%, transparent 100%);width:100%;height:1px;margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent);color:var(--bg-primary)}.filter-tag{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);border-radius:100px;padding:6px 18px;font-weight:500}.filter-tag:hover{color:var(--text-primary);border-color:var(--accent-dim)}.filter-tag.active{color:var(--bg-primary);background:var(--accent);border-color:var(--accent);font-weight:600}.blog-empty{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-lg);padding:80px 0}.scroll-reveal{opacity:0;filter:blur(4px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);transform:translateY(40px)scale(.98)}.scroll-reveal.visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.stagger-children>.scroll-reveal:first-child{transition-delay:0s}.stagger-children>.scroll-reveal:nth-child(2){transition-delay:80ms}.stagger-children>.scroll-reveal:nth-child(3){transition-delay:.16s}.stagger-children>.scroll-reveal:nth-child(4){transition-delay:.24s}.stagger-children>.scroll-reveal:nth-child(5){transition-delay:.32s}.stagger-children>.scroll-reveal:nth-child(6){transition-delay:.4s}.stagger-children>.scroll-reveal:nth-child(7){transition-delay:.48s}.stagger-children>.scroll-reveal:nth-child(8){transition-delay:.56s}.spotlight-card{--spot-x:50%;--spot-y:50%;position:relative;overflow:hidden}.spotlight-card:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(600px circle at var(--spot-x) var(--spot-y), var(--accent-subtle), transparent 50%);transition:opacity .35s;position:absolute;inset:0}.spotlight-card:hover:after{opacity:1}.navbar{z-index:1000;transition:var(--transition-base);padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar:before{content:"";background:var(--bg-primary);-webkit-backdrop-filter:blur(24px)saturate(1.4);border-bottom:1px solid var(--border-color);pointer-events:none;opacity:.85;position:absolute;inset:0}.navbar-inner{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.navbar-logo{font-size:var(--font-size-sm);color:var(--text-primary);letter-spacing:.03em;transition:var(--transition-fast);font-weight:600;text-decoration:none}.navbar-logo:hover{color:var(--accent)}.navbar-links{align-items:center;gap:4px;display:flex}.nav-link{font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast);letter-spacing:.02em;padding:8px 16px;font-weight:500;position:relative}.nav-link:before{content:"";border-radius:inherit;background:var(--accent-subtle);opacity:0;transition:var(--transition-fast);position:absolute;inset:0;transform:scale(.85)}.nav-link:hover:before{opacity:1;transform:scale(1)}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent)}.nav-link.active:before{opacity:1;background:var(--accent-subtle);transform:scale(1)}.navbar-actions{align-items:center;gap:8px;display:flex}.theme-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.theme-toggle:before{content:"";border-radius:inherit;background:var(--accent-subtle);opacity:0;transition:var(--transition-fast);position:absolute;inset:0}.theme-toggle:hover:before{opacity:1}.theme-toggle:hover{color:var(--accent)}.hamburger{cursor:pointer;z-index:1;flex-direction:column;gap:5px;padding:4px;display:none;position:relative}.hamburger span{background:var(--text-primary);width:22px;height:2px;transition:var(--transition-fast);border-radius:2px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.navbar-links{background:var(--bg-primary);-webkit-backdrop-filter:blur(24px)saturate(1.4);width:280px;height:100dvh;transition:var(--transition-base);border-left:1px solid var(--border-color);flex-direction:column;justify-content:flex-start;gap:4px;padding:100px 32px 40px;position:fixed;top:0;right:-100%}.navbar-links.open{right:0}.nav-link{text-align:left;width:100%;font-size:var(--font-size-base);padding:14px 16px}.hamburger{display:flex}}.footer{border-top:1px solid var(--border-color);background:var(--bg-primary);padding:48px 0 32px}.footer-inner{position:relative}.footer-main{justify-content:space-between;align-items:center;padding-bottom:32px;display:flex}.footer-logo{font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:800;text-decoration:none}.footer-nav{gap:32px;display:flex}.footer-nav a{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--accent)}.footer-email{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;transition:color .2s}.footer-email:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:24px;display:flex}.footer-copy{font-size:var(--font-size-xs);color:var(--text-tertiary)}.footer-hidden-dot{font-size:var(--font-size-xs);color:#0000;-webkit-user-select:none;user-select:none;text-decoration:none;transition:color .5s}.footer-hidden-dot:hover{color:var(--text-tertiary)}@media (width<=640px){.footer-main{flex-direction:column;align-items:flex-start;gap:20px}.footer-nav{flex-wrap:wrap;gap:20px}}.page-loader{justify-content:center;align-items:center;min-height:60vh;padding:80px 0;display:flex}.page-loader-spinner{border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite pl-spin}@keyframes pl-spin{to{transform:rotate(360deg)}}.app{position:relative}main{z-index:1;position:relative}