:root{--bg-primary:#0b0f17;--bg-secondary:#121824;--bg-tertiary:#1a2233;--bg-card:rgba(18,24,36,0.75);--bg-card-hover:rgba(26,34,51,0.9);--bg-glass:rgba(11,15,23,0.85);--bg-code:#070a10;--border-subtle:rgba(255,255,255,0.08);--border-medium:rgba(255,255,255,0.15);--border-highlight:rgba(56,189,248,0.3);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0b0f17;--accent-primary:#38bdf8;--accent-secondary:#0ea5e9;--accent-glow:rgba(56,189,248,0.15);--accent-light:rgba(56,189,248,0.1);--accent-text:#7dd3fc;--status-success:#10b981;--status-success-bg:rgba(16,185,129,0.12);--status-warning:#f59e0b;--font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-display:'Plus Jakarta Sans',var(--font-sans);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--container-max:1120px;--header-height:72px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 12px -1px rgba(0,0,0,0.4),0 2px 6px -1px rgba(0,0,0,0.2);--shadow-lg:0 12px 32px -4px rgba(0,0,0,0.5),0 4px 12px -2px rgba(0,0,0,0.3);--shadow-glow:0 0 24px var(--accent-glow);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:350ms cubic-bezier(0.16,1,0.3,1)}[data-theme="light"]{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--bg-card:rgba(255,255,255,0.95);--bg-card-hover:#ffffff;--bg-glass:rgba(248,250,252,0.92);--bg-code:#0f172a;--border-subtle:rgba(15,23,42,0.08);--border-medium:rgba(15,23,42,0.14);--border-highlight:rgba(3,105,161,0.35);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#374151;--text-inverse:#f8fafc;--accent-primary:#0369a1;--accent-secondary:#075985;--accent-glow:rgba(3,105,161,0.15);--accent-light:rgba(3,105,161,0.08);--accent-text:#0369a1;--shadow-sm:0 1px 2px 0 rgba(15,23,42,0.05);--shadow-md:0 4px 16px -2px rgba(15,23,42,0.08),0 2px 6px -1px rgba(15,23,42,0.04);--shadow-lg:0 16px 36px -6px rgba(15,23,42,0.12),0 4px 12px -2px rgba(15,23,42,0.06)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),transparent 70%),linear-gradient(to bottom,transparent,var(--bg-primary));background-attachment:fixed;overflow-x:hidden;color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer;color:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.main-content{flex:1;padding-top:calc(var(--header-height) + var(--space-xl));padding-bottom:var(--space-3xl);min-height:calc(100vh - var(--header-height) - 120px)}.page-header{margin-bottom:var(--space-2xl)}.page-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-0.03em;line-height:1.15;color:var(--text-primary);margin-bottom:var(--space-sm)}.page-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:680px;line-height:1.5}.badge{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:0.8125rem;font-weight:600;letter-spacing:0.02em;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge.accent{background:var(--accent-light);color:var(--accent-text);border-color:var(--border-highlight)}.badge.success{background:var(--status-success-bg);color:var(--status-success);border-color:rgba(16,185,129,0.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:0.9375rem;letter-spacing:-0.01em;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--accent-primary);color:#040914;box-shadow:0 2px 10px var(--accent-glow)}[data-theme="light"] .btn-primary{color:#ffffff}.btn-primary:hover{background:var(--accent-secondary);color:#040914;transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}[data-theme="light"] .btn-primary:hover{color:#ffffff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted);transform:translateY(-1px)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-card);transition:all var(--transition-fast)}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-tertiary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:100;transition:all var(--transition-normal)}.nav-wrapper{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.brand-logo{display:flex;align-items:center;gap:0.75rem;font-weight:800;font-size:1.125rem;letter-spacing:-0.02em;color:var(--text-primary)}.brand-logo .logo-cube{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#040914;border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:900;font-size:0.875rem;box-shadow:0 2px 8px var(--accent-glow)}[data-theme="light"] .brand-logo .logo-cube,[data-theme="light"] .logo-cube{color:#ffffff}.nav-links{display:flex;align-items:center;gap:0.5rem}.nav-link{font-size:0.9375rem;font-weight:500;color:var(--text-secondary);padding:0.5rem 0.875rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent-primary);background:var(--accent-light);font-weight:600}.header-actions{display:flex;align-items:center;gap:0.5rem}.cmd-k-btn{display:flex;align-items:center;gap:0.5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:0.375rem 0.75rem;border-radius:var(--radius-md);font-size:0.8125rem;transition:all var(--transition-fast)}.cmd-k-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-card-hover)}.cmd-k-kbd{font-family:var(--font-mono);font-size:0.75rem;background:var(--bg-secondary);padding:0.125rem 0.375rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary)}.mobile-menu-toggle{display:none;width:40px;height:40px}.hero-section{padding:var(--space-xl) 0 var(--space-3xl)}.hero-status,.hero-status-wrap{display:inline-flex;align-items:center;gap:0.6rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:0.4rem 0.9rem;border-radius:var(--radius-full);font-size:0.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:100%;box-shadow:var(--shadow-sm);line-height:1.4}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--status-success);box-shadow:0 0 0 0 rgba(16,185,129,0.7);animation:pulseDot 2s infinite;flex-shrink:0}@keyframes pulseDot{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.hero-title,.hero-headline{font-size:clamp(2.15rem,5vw,3.75rem);font-weight:800;letter-spacing:-0.035em;line-height:1.12;color:var(--text-primary);margin-top:0;margin-bottom:var(--space-md)}.gradient-text,.text-gradient,.hero-headline .text-gradient,.hero-title .gradient-text{background:linear-gradient(135deg,var(--accent-primary) 0%,#a855f7 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-bio,.hero-lead{font-size:clamp(1.0625rem,1.8vw,1.25rem);color:var(--text-secondary);max-width:700px;line-height:1.65;margin-bottom:var(--space-xl)}.hero-actions,.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.hero-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-xl)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);backdrop-filter:blur(12px);transition:transform var(--transition-normal),border-color var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-highlight)}.stat-value{font-family:var(--font-mono);font-size:1.75rem;font-weight:800;color:var(--accent-primary);margin-bottom:0.25rem;letter-spacing:-0.02em}.social-badge-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.85rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:0.8125rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.social-badge-link:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);color:var(--accent-primary);transform:translateY(-1px)}.section{margin-bottom:var(--space-3xl)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md)}.section-title{font-size:1.75rem;font-weight:700;letter-spacing:-0.02em;color:var(--text-primary)}.section-link{font-size:0.9375rem;font-weight:600;color:var(--accent-primary);display:inline-flex;align-items:center;gap:0.375rem}.section-link:hover{color:var(--accent-secondary);text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal);display:flex;flex-direction:column;position:relative;overflow:hidden}.card.card-with-image{padding-top:0}.card-image-link{display:block;margin:0 calc(-1 * var(--space-xl)) var(--space-lg) calc(-1 * var(--space-xl));overflow:hidden;border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);aspect-ratio:16 / 9;max-height:190px}.card-cover-img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:transform var(--transition-normal)}.card:hover .card-cover-img{transform:scale(1.04)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:0.8125rem;color:var(--text-muted)}.card-title{font-size:1.25rem;font-weight:700;letter-spacing:-0.01em;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.35}.card-description{font-size:0.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);flex-grow:1}.card-tags{display:flex;flex-wrap:wrap;gap:0.375rem;margin-top:auto}.tag-pill{font-size:0.75rem;font-family:var(--font-mono);font-weight:500;padding:0.2rem 0.5rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.philosophy-banner{background:linear-gradient(135deg,rgba(56,189,248,0.08) 0%,rgba(14,165,233,0.02) 100%);border:1px solid var(--border-highlight);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);margin:var(--space-2xl) 0;position:relative}.philosophy-quote{font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:600;line-height:1.5;color:var(--text-primary);font-style:italic;margin-bottom:var(--space-md)}.philosophy-author{font-size:0.9375rem;font-weight:600;color:var(--accent-primary);display:flex;align-items:center;gap:0.5rem}.search-filter-details{margin-bottom:var(--space-2xl);display:block}.search-filter-summary{display:none}.search-filter-content{display:flex;flex-direction:column;gap:var(--space-md)}.search-input-wrap{position:relative;width:100%}.search-input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0.875rem 1rem 0.875rem 2.75rem;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-tags-scroll{display:flex;flex-wrap:wrap;gap:0.5rem}.filter-tag-btn{font-size:0.8125rem;font-family:var(--font-mono);padding:0.35rem 0.75rem;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast)}.filter-tag-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.filter-tag-btn.active{background:var(--accent-primary);color:#040914;font-weight:700;border-color:var(--accent-primary)}[data-theme="light"] .filter-tag-btn.active{color:#ffffff}.article-reader-container{max-width:820px;margin:0 auto}.article-header{margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md)}.article-back-link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.875rem;color:var(--accent-primary);font-weight:600;margin-bottom:var(--space-sm);transition:all var(--transition-fast)}.article-back-link:hover{transform:translateX(-3px);color:var(--accent-text)}.article-title{font-size:clamp(1.85rem,3.8vw,2.65rem);font-weight:800;letter-spacing:-0.025em;line-height:1.18;color:var(--text-primary);margin-top:var(--space-xs);margin-bottom:0.4rem}.article-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.article-info-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.6rem;font-size:0.8125rem;color:var(--text-muted)}.article-meta-medium-link{display:inline-flex;align-items:center;gap:0.3rem;color:var(--text-secondary);font-size:0.75rem;font-weight:600;padding:0.15rem 0.5rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);text-decoration:none;transition:all var(--transition-fast)}.article-meta-medium-link:hover{color:var(--accent-primary);border-color:var(--border-highlight);background:var(--bg-card-hover);transform:translateY(-1px)}.article-share-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;margin-top:var(--space-md);padding:0.65rem 0.85rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.share-label{font-size:0.8125rem;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:0.35rem;margin-right:0.25rem}.share-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;font-size:0.8125rem;font-weight:600;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.share-btn:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);color:var(--accent-primary);transform:translateY(-1px)}.share-x-btn:hover{color:#38bdf8;border-color:#38bdf8}.share-li-btn:hover{color:#0a66c2;border-color:#0a66c2}.prose{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.prose h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:2.25rem 0 1rem;letter-spacing:-0.02em}.prose h3{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin:1.75rem 0 0.75rem;letter-spacing:-0.01em}.prose p{margin-bottom:1.5rem}.prose ul,.prose ol{margin:1rem 0 1.5rem 1.5rem}.prose ul ul,.prose ul ol,.prose ol ul,.prose ol ol{margin:0.35rem 0 0.35rem 1.25rem}.prose li{margin-bottom:0.5rem}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose blockquote{border-left:4px solid var(--accent-primary);background:var(--bg-tertiary);padding:1rem 1.25rem;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.5rem 0;font-style:italic;color:var(--text-primary)}.prose-figure{margin:2rem 0;display:flex;flex-direction:column;align-items:center;width:100%}.prose-img{width:100%;max-width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);background:var(--bg-secondary)}.prose-img:hover{box-shadow:var(--shadow-lg);border-color:var(--border-highlight)}.prose-caption{font-size:0.8125rem;color:var(--text-muted);text-align:center;margin-top:0.75rem;font-style:italic;line-height:1.4}.prose code:not(pre code){font-family:var(--font-mono);font-size:0.875em;background:var(--bg-tertiary);color:var(--accent-text);padding:0.2em 0.4em;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.code-block-wrapper{position:relative;margin:1.75rem 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:var(--bg-code)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 1rem;background:rgba(255,255,255,0.04);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted)}.copy-code-btn{font-size:0.75rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:0.35rem;padding:0.2rem 0.5rem;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.copy-code-btn:hover{color:var(--text-primary)}.prose pre{padding:1.25rem;overflow-x:auto;font-family:var(--font-mono);font-size:0.9375rem;line-height:1.6;color:#e2e8f0}.prose hr{border:0;border-top:1px solid var(--border-medium);margin:2rem 0}.prose-img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0;border:1px solid var(--border-subtle);display:block}.table-wrapper{overflow-x:auto;margin:1.75rem 0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary)}.prose-table{width:100%;border-collapse:collapse;text-align:left;font-size:0.9375rem}.prose-table th,.prose-table td{padding:0.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.prose-table th{background:rgba(255,255,255,0.04);font-weight:600;color:var(--text-primary)}.prose-table tr:last-child td{border-bottom:none}.timeline-list{position:relative;padding-left:2rem}.timeline-list::before{content:'';position:absolute;top:0.5rem;bottom:0.5rem;left:7px;width:2px;background:var(--border-medium)}.timeline-item{position:relative;margin-bottom:var(--space-2xl)}.timeline-item::before{content:'';position:absolute;left:-2rem;top:0.35rem;width:16px;height:16px;border-radius:50%;background:var(--bg-primary);border:3px solid var(--accent-primary)}.timeline-role{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.timeline-company{font-size:1rem;font-weight:600;color:var(--accent-primary);margin-bottom:0.25rem}.timeline-period{font-size:0.8125rem;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:0.75rem}.timeline-desc{font-size:0.9375rem;color:var(--text-secondary);line-height:1.6}.stack-category-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.stack-category-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:0.5rem}.stack-pills-wrap{display:flex;flex-wrap:wrap;gap:0.625rem}.tech-chip{display:inline-flex;align-items:center;gap:0.5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0.5rem 1rem;font-size:0.9375rem;font-weight:500;color:var(--text-primary);transition:all var(--transition-fast)}.tech-chip:hover{border-color:var(--border-highlight);background:var(--bg-card-hover);transform:translateY(-2px)}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--space-2xl);align-items:start}.contact-card-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.social-connect-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.social-item-link{display:flex;align-items:center;justify-content:space-between;padding:0.875rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.social-item-link:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);transform:translateX(4px)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:0.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:0.5rem}.form-input,.form-textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0.75rem 1rem;color:var(--text-primary);font-size:0.9375rem;font-family:inherit;transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.btn:disabled{opacity:0.65;cursor:not-allowed;transform:none !important}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:currentColor;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-success-box{padding:var(--space-2xl) var(--space-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);animation:modalIn 250ms ease-out forwards}.contact-success-icon{width:56px;height:56px;border-radius:50%;background:var(--status-success-bg);color:var(--status-success);border:1px solid rgba(16,185,129,0.3);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs)}.direct-email-chip{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0.75rem 1rem;margin:var(--space-md) 0;gap:var(--space-sm)}.direct-email-chip .email-text{font-family:var(--font-mono);font-size:0.875rem;color:var(--accent-primary);word-break:break-all;font-weight:600}.webmail-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.webmail-btn{font-size:0.75rem;font-weight:500;padding:0.3rem 0.6rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:0.3rem}.webmail-btn:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-card-hover)}.cmd-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000}.cmd-modal-backdrop.open{display:flex}.cmd-modal-card{width:100%;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:modalIn 200ms ease-out forwards}@keyframes modalIn{from{opacity:0;transform:translateY(-10px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-modal-header{padding:1rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:0.75rem}.cmd-modal-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.125rem;font-family:inherit;outline:none}.cmd-modal-results{max-height:380px;overflow-y:auto;padding:0.5rem}.cmd-result-item{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:0.9375rem;cursor:pointer;transition:all var(--transition-fast)}.cmd-result-item:hover,.cmd-result-item.selected{background:var(--bg-tertiary);color:var(--text-primary)}.cmd-modal-footer{padding:0.75rem 1rem;background:var(--bg-primary);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;color:var(--text-muted)}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:0.5rem;z-index:10000;pointer-events:none}.toast{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-highlight);border-radius:var(--radius-md);padding:0.75rem 1.25rem;font-size:0.875rem;font-weight:500;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:0.5rem;animation:toastIn 250ms ease-out forwards;pointer-events:auto}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.site-footer{border-top:1px solid var(--border-subtle);padding:var(--space-2xl) 0;margin-top:auto;font-size:0.875rem;color:var(--text-muted);background:var(--bg-primary)}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer-socials{display:flex;align-items:center;gap:var(--space-md)}.footer-webmcp-badge{display:inline-flex;align-items:center;gap:0.4rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:0.25rem 0.65rem;font-size:0.75rem;font-family:var(--font-mono);font-weight:600;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.footer-webmcp-badge:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);color:var(--accent-primary);transform:translateY(-1px)}.webmcp-indicator{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px rgba(56,189,248,0.7)}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#38bdf8);z-index:99999;width:0%;transition:width 60ms linear}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#94a3b8;font-style:italic}.token.punctuation{color:#94a3b8}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#f43f5e}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#10b981}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#38bdf8}.token.atrule,.token.attr-value,.token.keyword{color:#818cf8;font-weight:600}.token.function,.token.class-name{color:#f59e0b}.token.regex,.token.important,.token.variable{color:#ec4899}.article-inline-toc{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color 200ms ease,box-shadow 200ms ease}.article-inline-toc[open]{border-color:var(--border-highlight);box-shadow:var(--shadow-md)}.inline-toc-summary{display:flex;align-items:center;justify-content:space-between;padding:0.85rem 1.25rem;cursor:pointer;user-select:none;font-weight:600;font-size:0.9375rem;color:var(--text-primary);background:var(--bg-secondary);transition:background 150ms ease,color 150ms ease;list-style:none}.inline-toc-summary::-webkit-details-marker{display:none}.inline-toc-summary:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.inline-toc-summary-left{display:flex;align-items:center;gap:0.6rem}.inline-toc-icon{color:var(--accent-primary);display:inline-flex}.inline-toc-badge{font-size:0.75rem;font-weight:500;color:var(--text-muted);background:var(--bg-primary);padding:0.15rem 0.5rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.inline-toc-chevron{display:inline-flex;color:var(--text-muted);transition:transform 200ms ease}.article-inline-toc[open] .inline-toc-chevron{transform:rotate(180deg);color:var(--accent-primary)}.inline-toc-dropdown{padding:0.75rem 1.25rem 1.25rem;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.inline-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.4rem}.inline-toc-item.level-3{padding-left:1rem}.inline-toc-link{display:flex;align-items:center;padding:0.4rem 0.65rem;color:var(--text-secondary);text-decoration:none;font-size:0.875rem;border-radius:var(--radius-sm);transition:all 150ms ease}.inline-toc-link:hover{background:var(--bg-tertiary);color:var(--accent-primary);transform:translateX(3px)}@media (min-width:1025px){.article-inline-toc{display:none}}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-3xl);align-items:start;position:relative;transition:all 250ms ease}.article-layout.toc-collapsed{grid-template-columns:1fr}.article-main-col{min-width:0;width:100%}.article-toc-sidebar{position:sticky;top:5.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;font-size:0.8125rem;max-height:calc(100vh - 7rem);overflow-y:auto;transition:all 200ms ease}.article-layout.toc-collapsed .article-toc-sidebar{display:none}.article-toc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-subtle)}.article-toc-title{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:0.4rem;margin:0}.toc-collapse-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0.2rem 0.4rem;font-size:0.75rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:0.25rem;transition:all 150ms ease}.toc-collapse-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.toc-floating-toggle{position:fixed;bottom:2rem;right:2rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-highlight);border-radius:var(--radius-full);padding:0.55rem 1.1rem;font-size:0.8125rem;font-weight:600;display:none;align-items:center;gap:0.5rem;cursor:pointer;box-shadow:var(--shadow-lg);z-index:1000;transition:transform 150ms ease,box-shadow 150ms ease,color 150ms ease}.toc-floating-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);color:var(--accent-primary)}.article-layout.toc-collapsed ~ .toc-floating-toggle{display:inline-flex}.article-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.35rem}.article-toc-item.level-3{padding-left:0.875rem}.toc-link{color:var(--text-secondary);text-decoration:none;display:block;line-height:1.4;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);transition:all 150ms ease;border-left:2px solid transparent}.toc-link:hover,.toc-link.active{color:var(--accent-primary);background:var(--bg-tertiary);border-left-color:var(--accent-primary);font-weight:500}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-toc-sidebar{position:static;margin-bottom:var(--space-xl);max-height:none}.article-layout.toc-collapsed .article-toc-sidebar{display:none}.toc-floating-toggle{display:inline-flex}}.mermaid-viewer-wrapper{margin:2.25rem 0;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all var(--transition-normal)}.mermaid-viewer-wrapper:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.mermaid-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 1rem;background:rgba(255,255,255,0.03);border-bottom:1px solid var(--border-subtle);gap:var(--space-md);flex-wrap:wrap}.mermaid-viewer-title{display:flex;align-items:center;gap:0.45rem;font-size:0.8125rem;font-weight:600;color:var(--text-secondary)}.mermaid-viewer-controls{display:flex;align-items:center;gap:0.35rem;background:var(--bg-secondary);padding:0.2rem 0.4rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.mermaid-control-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;cursor:pointer;border:none;transition:all var(--transition-fast)}.mermaid-control-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.mermaid-zoom-level{font-family:var(--font-mono);font-size:0.75rem;font-weight:600;color:var(--text-muted);min-width:42px;text-align:center;user-select:none}.mermaid-viewport{position:relative;width:100%;min-height:280px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-card);user-select:none}.mermaid-canvas{width:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform 120ms cubic-bezier(0.2,0,0,1)}.mermaid-canvas svg{max-width:100%;width:100% !important;height:auto !important;display:block;font-family:var(--font-sans) !important}.mermaid .edgePath path,.mermaid .edgePath .path,.mermaid .flowchart-link{stroke:var(--accent-primary) !important;stroke-width:2.25px !important;stroke-opacity:0.95 !important}.mermaid .marker,.mermaid marker path,.mermaid #flowchart-pointEnd,.mermaid #flowchart-circleEnd,.mermaid #flowchart-crossEnd,.mermaid .arrowheadPath{fill:var(--accent-primary) !important;stroke:var(--accent-primary) !important;stroke-width:1.5px !important}.mermaid .node rect,.mermaid .node circle,.mermaid .node ellipse,.mermaid .node polygon,.mermaid .node path{fill:var(--bg-card) !important;stroke:var(--border-highlight) !important;stroke-width:1.75px !important}.mermaid .node .label{color:var(--text-primary) !important;font-weight:600 !important;font-size:0.875rem !important;line-height:1.4 !important}.mermaid .cluster rect{fill:var(--bg-secondary) !important;stroke:var(--border-medium) !important;stroke-width:1.5px !important;rx:12px !important}.mermaid .cluster .cluster-label,.mermaid .cluster text{fill:var(--text-primary) !important;color:var(--text-primary) !important;font-weight:700 !important;font-size:0.85rem !important;text-transform:uppercase !important;letter-spacing:0.04em !important}.mermaid .edgeLabel{background-color:var(--bg-secondary) !important;border-radius:var(--radius-sm) !important;padding:2px 6px !important;border:1px solid var(--border-subtle) !important}.mermaid .edgeLabel p,.mermaid .edgeLabel span,.mermaid .edgeLabel text{color:var(--text-primary) !important;font-size:0.775rem !important;font-weight:600 !important}.mermaid g.classGroup rect{fill:var(--bg-card) !important;stroke:var(--border-highlight) !important;stroke-width:1.75px !important}.mermaid g.classGroup line{stroke:var(--border-medium) !important;stroke-width:1.25px !important}.mermaid g.classGroup text{fill:var(--text-primary) !important;font-family:var(--font-sans) !important;font-size:0.85rem !important}.mermaid g.classGroup .classTitle{font-weight:700 !important;fill:var(--accent-primary) !important}.mermaid .relation{stroke:var(--accent-primary) !important;stroke-width:2px !important}.mermaid .classLabel .label{fill:var(--text-secondary) !important;font-size:0.775rem !important}.mermaid-fallback-box{padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-md);border:1px dashed var(--border-medium);overflow-x:auto;font-family:var(--font-mono);font-size:0.875rem;color:var(--text-secondary)}.mermaid-viewer-footer{display:flex;align-items:center;justify-content:center;padding:0.45rem 1rem;background:rgba(255,255,255,0.02);border-top:1px solid var(--border-subtle);font-size:0.75rem;color:var(--text-muted)}.mermaid-viewer-wrapper.fullscreen-mode{position:fixed;top:1.5rem;left:1.5rem;right:1.5rem;bottom:1.5rem;z-index:999999;margin:0;background:var(--bg-primary);border:2px solid var(--border-highlight);box-shadow:0 25px 60px rgba(0,0,0,0.85);border-radius:var(--radius-xl)}.mermaid-viewer-wrapper.fullscreen-mode .mermaid-viewport{flex:1;min-height:auto;height:100%}body.mermaid-modal-open{overflow:hidden}.ai-assistant-badge{display:inline-flex;align-items:center;gap:0.35rem;background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(168,85,247,0.15));border:1px solid rgba(168,85,247,0.3);color:#c084fc;font-size:0.75rem;font-weight:600;padding:0.25rem 0.6rem;border-radius:var(--radius-full)}.ai-query-card{background:var(--bg-secondary);border:1px solid var(--border-highlight);border-radius:var(--radius-lg);padding:1.25rem;margin-top:1rem;box-shadow:var(--shadow-md)}.ai-query-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}.ai-query-content{font-size:0.9375rem;line-height:1.6;color:var(--text-primary)}.ai-citations-row{margin-top:1rem;padding-top:0.75rem;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.ai-citation-pill{display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.6rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:0.75rem;font-weight:500;color:var(--accent-primary);text-decoration:none;transition:all 150ms ease}.ai-citation-pill:hover{border-color:var(--accent-primary);background:var(--bg-primary)}.article-nav-pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.article-pager-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden}.article-pager-card.empty-card{border:none;background:transparent;pointer-events:none}.article-pager-card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pager-direction{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent-primary);display:inline-flex;align-items:center;gap:0.35rem;margin-bottom:var(--space-xs)}.next-card .pager-direction{justify-content:flex-end}.next-card{text-align:right}.pager-title{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:var(--space-xs);transition:color var(--transition-fast)}.article-pager-card:hover .pager-title{color:var(--accent-primary)}.pager-meta{font-size:0.75rem;color:var(--text-muted);font-family:var(--font-mono)}@supports (animation-timeline:view()){@keyframes cardReveal{from{opacity:0.35;transform:translateY(18px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card,.stat-card,.timeline-item,.article-pager-card:not(.empty-card){animation:cardReveal linear both;animation-timeline:view();animation-range:entry 10% cover 25%}}@media (max-width:1024px){:root{--space-2xl:2.5rem;--space-3xl:3.5rem}.container{padding:0 var(--space-lg)}.contact-grid{grid-template-columns:1fr;gap:var(--space-xl)}}@media (max-width:768px){:root{--header-height:68px;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem}.main-content{padding-top:calc(var(--header-height) + 2rem);padding-bottom:var(--space-2xl)}.hero-section{padding:0.75rem 0 var(--space-2xl)}.article-reader-container{padding-top:0.5rem}.article-back-link{margin-bottom:var(--space-lg)}.page-header{margin-bottom:var(--space-xl)}.hero-status,.hero-status-wrap{font-size:0.775rem;padding:0.4rem 0.85rem;gap:0.5rem;margin-bottom:var(--space-md)}.hero-title,.hero-headline{font-size:clamp(1.85rem,7.5vw,2.5rem);line-height:1.15;letter-spacing:-0.03em}.hero-bio,.hero-lead{font-size:1rem;line-height:1.6;margin-bottom:var(--space-lg)}.nav-links{position:fixed;top:var(--header-height);left:0;width:100vw;height:auto;max-height:calc(100vh - var(--header-height));max-height:calc(100dvh - var(--header-height));background-color:var(--bg-secondary) !important;background:var(--bg-secondary) !important;flex-direction:column;align-items:stretch;padding:1.5rem 1.25rem 2rem;gap:0.65rem;transform:translateY(-120%);opacity:0;visibility:hidden;pointer-events:none;transition:transform 260ms cubic-bezier(0.16,1,0.3,1),opacity 200ms ease,visibility 260ms;border-bottom:2px solid var(--border-highlight);box-shadow:0 20px 40px rgba(0,0,0,0.65);z-index:99999;overflow-y:auto}.nav-links.mobile-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.nav-link{width:100%;font-size:1.1rem;font-weight:600;padding:0.9rem 1.25rem;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;transition:all 150ms ease}.nav-link:hover,.nav-link.active{background:var(--bg-primary);border-color:var(--border-highlight);color:var(--accent-primary)}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-primary)}.cmd-k-btn{display:none}.hero-actions,.hero-ctas{flex-direction:column;align-items:stretch;gap:0.75rem}.hero-actions .btn,.hero-ctas .btn{width:100%;justify-content:center}.hero-stats-grid{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr}.search-filter-details{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);overflow:hidden;transition:all var(--transition-normal)}.search-filter-details[open]{border-color:var(--border-highlight);box-shadow:var(--shadow-md)}.search-filter-summary{display:flex;align-items:center;justify-content:space-between;padding:0.85rem 1.15rem;cursor:pointer;user-select:none;list-style:none;font-weight:600;font-size:0.875rem;color:var(--text-primary);background:var(--bg-secondary);transition:background var(--transition-fast)}.search-filter-summary:hover{background:var(--bg-card-hover)}.search-filter-summary::-webkit-details-marker,.search-filter-summary::marker{display:none}.search-summary-left{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.search-summary-icon{color:var(--accent-primary);display:inline-flex}.search-summary-title{font-weight:600}.search-summary-badge{font-size:0.725rem;font-family:var(--font-mono);padding:0.15rem 0.55rem;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.search-summary-badge.has-filter{background:rgba(56,189,248,0.15);color:var(--accent-primary);border-color:var(--accent-primary);font-weight:700}.search-summary-chevron{display:inline-flex;transition:transform var(--transition-fast);color:var(--text-muted)}.search-filter-details[open] .search-summary-chevron{transform:rotate(180deg)}.search-filter-content{padding:1rem 1.15rem 1.25rem;display:flex;flex-direction:column;gap:var(--space-md);border-top:1px solid var(--border-subtle);background:var(--bg-card)}.filter-tags-scroll{display:flex;flex-wrap:wrap;gap:0.4rem;max-height:160px;overflow-y:auto;padding-right:0.25rem}.filter-tag-btn{font-size:0.775rem;padding:0.3rem 0.65rem}.article-title{font-size:1.85rem;line-height:1.2}.article-subtitle{font-size:1.05rem}.cmd-modal-backdrop{padding-top:5vh;padding-left:1rem;padding-right:1rem}.footer-content{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.container{padding:0 1rem}.main-content{padding-top:calc(var(--header-height) + 1.75rem)}.hero-title,.hero-headline{font-size:1.75rem}.hero-status,.hero-status-wrap{font-size:0.72rem;padding:0.35rem 0.7rem}.hero-stats-grid{grid-template-columns:1fr}.timeline-list{padding-left:1.5rem}.timeline-item::before{left:-1.5rem}}