html{color-scheme:light}:root{--primary-color: #0a0a0a;--secondary-color: #525252;--link-color: #18181b;--link-hover: #000000;--bg-color: #ffffff;--bg-secondary: #fafafa;--primary-border: #e5e5e5;--accent-color: #0a0a0a;--accent-soft: #a3a3a3;--muted: #f5f5f5;--muted-foreground: #737373;--destructive: #ef4444;--font-main: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-secondary: Georgia, "Times New Roman", Times, serif;--font-size-xxs: .75rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--spacing-xxs: .25rem;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 2rem;--border-radius: .375rem;--transition: all .2s ease;--hover-transition: all .15s ease;--card-shadow: 0 1px 2px rgba(0, 0, 0, .04);--card-shadow-hover: 0 3px 8px rgba(0, 0, 0, .06);--ease-out: cubic-bezier(.16, 1, .3, 1)}html,body{color-scheme:light}body{overflow-x:hidden;margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main);color:var(--primary-color);background-color:var(--bg-color);line-height:1.5;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1}p,a,html{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main);color:var(--primary-color);line-height:1.5;font-size:var(--font-size-base)}a{text-decoration:none;color:var(--link-color);transition:var(--hover-transition)}a:hover{color:var(--link-hover)}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);color:var(--primary-color);font-weight:var(--font-weight-medium);margin:0;letter-spacing:-.025em;line-height:1.3}h1{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);letter-spacing:-.035em}h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-wrapper{flex:1;display:flex;flex-direction:column;padding:0 var(--spacing-md)}.container{max-width:46rem;width:100%;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl);box-sizing:border-box}.section-spacing{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--primary-border)}.section-spacing:last-child{border-bottom:none}.card-base{border:1px solid var(--primary-border);border-radius:var(--border-radius);transition:var(--hover-transition);background-color:var(--bg-color);padding:var(--spacing-md)}.card-base:hover{transform:translateY(-1px);box-shadow:var(--card-shadow-hover)}.nav-item{position:relative;transition:var(--hover-transition);font-size:var(--font-size-sm)}.nav-item:hover{color:var(--link-hover)}.nav-item:after{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background-color:var(--link-hover);transform:scaleX(0);transition:var(--hover-transition);transform-origin:left}.nav-item:hover:after{transform:scaleX(1)}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.list li{font-size:var(--font-size-sm);line-height:1.5;color:var(--primary-color)}.grid{display:grid;gap:var(--spacing-lg)}img{max-width:100%;height:auto;border-radius:var(--border-radius)}.blogpost-card{padding:var(--spacing-md);transition:var(--hover-transition);border-radius:var(--border-radius)}.blogpost-card:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}@media (max-width: 768px){.container{padding:var(--spacing-lg)}.main-wrapper{padding:0}}@media (max-width: 480px){.container{padding:var(--spacing-lg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s var(--ease-out) both}.stagger-children>*{animation:fadeInUp .4s var(--ease-out) both}.stagger-children>*:nth-child(1){animation-delay:.03s}.stagger-children>*:nth-child(2){animation-delay:.06s}.stagger-children>*:nth-child(3){animation-delay:.09s}.stagger-children>*:nth-child(4){animation-delay:.12s}.stagger-children>*:nth-child(5){animation-delay:.15s}.stagger-children>*:nth-child(6){animation-delay:.18s}.stagger-children>*:nth-child(7){animation-delay:.21s}.stagger-children>*:nth-child(8){animation-delay:.24s}
