@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--color-bg:#fafafa;--color-bg-elevated:#fff;--color-bg-subtle:#f3f3f3;--color-text-primary:#111;--color-text-secondary:#555;--color-text-muted:#999;--color-border:#e5e5e5;--color-border-subtle:#eee;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-subtle:#2563eb14;--color-card-shadow:#0000000a;--color-card-shadow-hover:#00000014;--font-heading:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--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:1100px;--header-height:64px}[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-elevated:#141414;--color-bg-subtle:#1a1a1a;--color-text-primary:#f0f0f0;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-border:#262626;--color-border-subtle:#1f1f1f;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-subtle:#3b82f61a;--color-card-shadow:#0003;--color-card-shadow-hover:#0006}*,: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-body);background-color:var(--color-bg);color:var(--color-text-primary);transition:background-color var(--transition-base),color var(--transition-base);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);padding:0 var(--spacing-lg);margin:0 auto}.section-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:600}.section-title{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2}.section-subtitle{color:var(--color-text-secondary);max-width:540px;font-size:1.05rem;line-height:1.6}.inline-link{color:var(--color-accent);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast);font-weight:500;-webkit-text-decoration:underline #2563eb4d;text-decoration:underline #2563eb4d}.inline-link:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.fade-in{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger-children .fade-in:first-child{transition-delay:0s}.stagger-children .fade-in:nth-child(2){transition-delay:80ms}.stagger-children .fade-in:nth-child(3){transition-delay:.16s}.stagger-children .fade-in:nth-child(4){transition-delay:.24s}.stagger-children .fade-in:nth-child(5){transition-delay:.32s}.stagger-children .fade-in:nth-child(6){transition-delay:.4s}.stagger-children .fade-in:nth-child(7){transition-delay:.48s}.stagger-children .fade-in:nth-child(8){transition-delay:.56s}.stagger-children .fade-in:nth-child(9){transition-delay:.64s}.header{z-index:100;height:var(--header-height);background:var(--color-bg);transition:background-color var(--transition-base),border-color var(--transition-base),backdrop-filter var(--transition-base);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(12px)saturate(180%);border-bottom-color:var(--color-border);background:#fafafad9}[data-theme=dark] .header.scrolled{background:#0a0a0ad9}.header-inner{width:100%;max-width:var(--max-width);padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-logo{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text-primary);font-size:1.15rem;font-weight:700}.header-nav{align-items:center;gap:var(--spacing-xl);display:flex}.header-nav a{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500;position:relative}.header-nav a:hover{color:var(--color-text-primary)}.header-nav a:after{content:"";background:var(--color-accent);width:0;height:1.5px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.header-nav a:hover:after{width:100%}.theme-toggle{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-text-primary);background-color:var(--color-bg-subtle)}.theme-toggle svg{width:18px;height:18px}.hero{padding-top:calc(var(--header-height) + var(--spacing-4xl));padding-bottom:var(--spacing-4xl)}.hero-content{max-width:680px}.hero-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-full);margin-bottom:var(--spacing-xl);border:1px solid #2563eb26;font-size:.8rem;font-weight:500;display:inline-flex}[data-theme=dark] .hero-badge{border-color:#3b82f633}.hero-badge-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-family:var(--font-heading);letter-spacing:-.035em;margin-bottom:var(--spacing-lg);color:var(--color-text-primary);font-size:clamp(2.75rem,7vw,4rem);font-weight:700;line-height:1.08}.hero-tagline{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:500}.hero-description{color:var(--color-text-muted);margin-bottom:var(--spacing-2xl);max-width:520px;font-size:1.05rem;line-height:1.7}.hero-actions{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.btn-primary{align-items:center;gap:var(--spacing-sm);color:#fff;background:var(--color-accent);border-radius:var(--radius-md);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);padding:.8rem 1.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #2563eb4d}.btn-primary svg{width:16px;height:16px;transition:transform var(--transition-fast)}.btn-primary:hover svg{transform:translate(2px)}.social-links{align-items:center;gap:var(--spacing-xs);display:flex}.social-link{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-muted);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-link:hover{color:var(--color-text-primary);background:var(--color-bg-subtle);transform:translateY(-1px)}.social-link svg{width:18px;height:18px}.about{padding:var(--spacing-5xl)0;border-top:1px solid var(--color-border-subtle)}.about-grid{gap:var(--spacing-4xl);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.about-text{gap:var(--spacing-lg);flex-direction:column;display:flex}.about-text p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.75}.about-aside{gap:var(--spacing-2xl);flex-direction:column;display:flex}.tech-stack{padding:var(--spacing-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tech-stack-title{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;font-weight:600}.tech-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tech-tag{color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--transition-fast),color var(--transition-fast);padding:.35rem .85rem;font-size:.8rem;font-weight:500}.tech-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.about-stats{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.stat{padding:var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.stat-number{font-family:var(--font-heading);color:var(--color-accent);margin-bottom:var(--spacing-xs);font-size:1.75rem;font-weight:700;display:block}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:500}.services{padding:var(--spacing-5xl)0;border-top:1px solid var(--color-border-subtle)}.services-header{margin-bottom:var(--spacing-3xl)}.services-grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.service-card{padding:var(--spacing-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.service-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px var(--color-card-shadow-hover);transform:translateY(-2px)}.service-icon{border-radius:var(--radius-md);background:var(--color-accent-subtle);width:44px;height:44px;color:var(--color-accent);margin-bottom:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.service-icon svg{width:22px;height:22px}.service-card h3{font-family:var(--font-heading);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1.05rem;font-weight:600}.service-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.latest-articles{padding:var(--spacing-5xl)0;border-top:1px solid var(--color-border-subtle)}.latest-articles-header{margin-bottom:var(--spacing-3xl);justify-content:space-between;align-items:flex-end;display:flex}.view-all-link{align-items:center;gap:var(--spacing-sm);color:var(--color-accent);transition:gap var(--transition-fast);flex-shrink:0;font-size:.875rem;font-weight:600;display:inline-flex}.view-all-link:hover{gap:var(--spacing-md)}.view-all-link:after{display:none!important}.view-all-link svg{width:16px;height:16px}.latest-articles-list{flex-direction:column;gap:0;display:flex}.latest-article-item{justify-content:space-between;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl)0;border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast);text-decoration:none;display:flex}.latest-article-item:first-child{border-top:1px solid var(--color-border-subtle)}.latest-article-item:hover{background:var(--color-bg-subtle);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);margin-left:calc(-1*var(--spacing-lg));margin-right:calc(-1*var(--spacing-lg));border-radius:var(--radius-md)}.latest-article-content{flex:1;min-width:0}.latest-article-date{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.latest-article-content h3{font-family:var(--font-heading);color:var(--color-text-primary);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:600}.latest-article-content p{color:var(--color-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-link{align-items:center;gap:var(--spacing-xs);color:var(--color-accent);transition:gap var(--transition-fast);flex-shrink:0;font-size:.85rem;font-weight:600;display:inline-flex}.latest-article-item:hover .article-link{gap:var(--spacing-sm)}.article-link svg{width:14px;height:14px}.articles-page{padding-top:calc(var(--header-height) + var(--spacing-4xl));padding-bottom:var(--spacing-5xl)}.articles-page-header{margin-bottom:var(--spacing-3xl)}.articles-page-title{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.articles-list{flex-direction:column;display:flex}.article-list-item{align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl)var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast),padding-left var(--transition-fast);border-radius:var(--radius-md);text-decoration:none;display:flex}.article-list-item:first-child{border-top:1px solid var(--color-border-subtle)}.article-list-item:hover{background:var(--color-bg-subtle);padding-left:var(--spacing-xl)}.article-list-number{font-family:var(--font-heading);color:var(--color-text-muted);flex-shrink:0;min-width:28px;font-size:.85rem;font-weight:600}.article-list-content{flex:1;min-width:0}.article-list-content h2{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast);font-size:1.15rem;font-weight:600;line-height:1.35}.article-list-item:hover .article-list-content h2{color:var(--color-accent)}.article-list-content p{color:var(--color-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-list-meta{align-items:center;gap:var(--spacing-lg);flex-shrink:0;display:flex}.article-list-date{color:var(--color-text-muted);white-space:nowrap;font-size:.8rem;font-weight:500}.article-list-arrow{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-muted);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.article-list-arrow svg{width:16px;height:16px}.article-list-item:hover .article-list-arrow{color:var(--color-accent);background:var(--color-accent-subtle);transform:translate(2px,-2px)}.footer{padding:var(--spacing-3xl)0;border-top:1px solid var(--color-border-subtle)}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-text{color:var(--color-text-muted);font-size:.85rem}.footer-links{align-items:center;gap:var(--spacing-xs);display:flex}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:var(--spacing-2xl);grid-template-columns:1fr}.article-list-meta{align-items:flex-end;gap:var(--spacing-sm);flex-direction:column}}@media (max-width:768px){.header-nav a:not(.theme-toggle-wrapper){display:none}.hero h1{font-size:clamp(2.25rem,8vw,3rem)}.services-grid{grid-template-columns:1fr}.footer-inner{gap:var(--spacing-lg);text-align:center;flex-direction:column}.hero-actions{flex-direction:column;align-items:flex-start}.latest-articles-header{align-items:flex-start;gap:var(--spacing-lg);flex-direction:column}.latest-article-item{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.article-list-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-md);flex-direction:column}.article-list-meta{flex-direction:row;justify-content:space-between;width:100%}.about-stats{grid-template-columns:1fr 1fr}}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}