:root{--bg: #faf7f2;--bg-secondary: #f2ede3;--bg-hover: #e9e2d6;--text: #1e1a15;--text-muted: #7a6b58;--accent: #bf7c3a;--accent-light: rgba(191, 124, 58, .12);--border: #d4c5b0;--shadow: 0 2px 6px rgba(30, 20, 10, .07), 0 6px 20px rgba(30, 20, 10, .04);--nav-bg: rgba(250, 247, 242, .88);--nav-border: var(--border);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Lora", Georgia, "Times New Roman", serif;--font-mono: "DM Mono", "Courier New", monospace;--radius: 14px;--radius-sm: 8px;--line-height: 1.78;--tracking: .012em;--gap: clamp(2.5rem, 6vw, 4.5rem);--max-width: 1080px;--nav-height: 62px}[data-theme=dark]{--bg: #0b0b0a;--bg-secondary: #141413;--bg-hover: #1d1d1b;--text: #eeebe4;--text-muted: #676866;--accent: #00d4a8;--accent-light: rgba(0, 212, 168, .08);--border: #222220;--shadow: none;--nav-bg: rgba(11, 11, 10, .92);--nav-border: rgba(0, 212, 168, .18);--radius: 0px;--radius-sm: 0px;--line-height: 1.62;--tracking: 0em;--gap: clamp(2rem, 5vw, 3.5rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:1rem;line-height:var(--line-height);letter-spacing:var(--tracking);background-color:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text);line-height:1.15;letter-spacing:-.01em;font-weight:700}h1,h2{font-style:italic}h3,h4{font-style:normal;font-weight:600}h1{font-size:clamp(2.25rem,5vw,3.75rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.1rem,2vw,1.35rem)}h4{font-size:1rem}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{font-family:var(--font);font-style:normal;letter-spacing:-.035em}[data-theme=dark] h1{font-weight:700}[data-theme=dark] h2{font-weight:600}p{margin-bottom:1.1rem}p:last-child{margin-bottom:0}a{color:var(--accent);text-decoration:none;transition:opacity .15s ease}a:hover{opacity:.72}strong{font-weight:600}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem)}.section{padding:var(--gap) 0}.section+.section{border-top:1px solid var(--border)}.section-label{font-family:var(--font);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}[data-theme=dark] .section-label{font-family:var(--font-mono);text-transform:none;letter-spacing:.04em;font-weight:400;font-size:.8rem}[data-theme=dark] .section-label:before{content:"// ";opacity:.5}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border);z-index:100;transition:background .25s ease,border-color .25s ease}.nav-inner{max-width:var(--max-width);height:100%;margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:.9375rem;font-weight:600;color:var(--text);letter-spacing:-.01em;transition:opacity .15s ease}.nav-logo:hover{opacity:.65}[data-theme=dark] .nav-logo{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:1.75rem}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em;transition:color .15s ease}.nav-links a:hover,.nav-links a.active{color:var(--text);opacity:1}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:border-color .15s ease,color .15s ease;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.icon-dark{display:none}.icon-light,[data-theme=dark] .icon-dark{display:flex}[data-theme=dark] .icon-light{display:none}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font);font-size:.875rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{opacity:.88}[data-theme=dark] .btn-primary{color:#0b0b0a}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);opacity:1}[data-theme=dark] .btn-secondary{border-color:#00d4a84d;color:var(--text-muted)}[data-theme=dark] .btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow);transition:background .15s ease,transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card:hover{background:var(--bg-hover);transform:translateY(-3px);box-shadow:0 4px 12px #1e140a1a,0 12px 32px #1e140a0f}[data-theme=dark] .card{background:transparent;border:1px solid var(--border);border-left:2px solid var(--accent);padding-left:1.5rem;box-shadow:none}[data-theme=dark] .card:hover{background:var(--bg-secondary);transform:none;border-left-color:var(--accent)}.hero{background:radial-gradient(ellipse at 75% -10%,var(--accent-light) 0%,transparent 58%)}[data-theme=dark] .hero{background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:26px 26px}.hero-accent{color:var(--accent)}[data-theme=dark] .hero-accent{text-shadow:0 0 48px rgba(0,212,168,.28)}.hero-headline{font-style:italic}[data-theme=dark] .hero-headline{font-style:normal}footer{border-top:1px solid var(--border);padding:2.5rem 0;margin-top:var(--gap);transition:border-color .25s ease}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.875rem;color:var(--text-muted);margin:0}[data-theme=dark] .footer-copy{font-family:var(--font-mono);font-size:.8rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color .15s ease}.footer-links a:hover{color:var(--accent);opacity:1}main{padding-top:var(--nav-height);min-height:100vh}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.menu-toggle span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:background .15s ease}.menu-toggle:hover span{background:var(--accent)}.mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:.5rem clamp(1.25rem,5vw,2.5rem) 1rem;z-index:99;flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{font-size:1rem;font-weight:500;color:var(--text-muted);padding:.75rem 0;border-bottom:1px solid var(--border);transition:color .15s ease}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover,.mobile-menu a.active{color:var(--text);opacity:1}@media(max-width:640px){.nav-links a{display:none}.nav-links{gap:.75rem}.menu-toggle,.theme-toggle{display:flex}}