:root{--font-main:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-950:#0a0a0a;--color-bg:var(--gray-950);--color-surface:var(--gray-900);--color-surface-elevated:var(--gray-800);--color-text:var(--gray-50);--color-text-secondary:var(--gray-400);--color-text-muted:var(--gray-500);--color-border:var(--gray-800);--color-accent:var(--gray-100);--transition-base:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme=light]{--color-bg:var(--gray-50);--color-surface:var(--gray-100);--color-surface-elevated:var(--gray-200);--color-text:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-muted:var(--gray-500);--color-border:var(--gray-200);--color-accent:var(--gray-900)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-main);font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:var(--transition-slow);min-height:100vh}.site-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.site-header{padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);transition:var(--transition-base)}.site-nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-logo{font-size:1.25rem;font-weight:600;color:var(--color-text);text-decoration:none;letter-spacing:-.02em;transition:var(--transition-base)}.site-logo:hover{opacity:.7}.nav-links{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition-base);position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--color-accent);transition:var(--transition-base)}.nav-link:hover::after,.nav-link.active::after{width:100%}.hero{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient( 180deg,var(--color-bg) 0%,var(--color-surface) 100% )}.hero-content{max-width:800px;animation:fadeInUp .8s ease-out}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.04em;margin-bottom:1.5rem;color:var(--color-text);line-height:1}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:300;color:var(--color-text-secondary);margin-bottom:2rem;letter-spacing:.02em}.hero-description{font-size:1.125rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:1.8}.hero-description p{margin:0}.site-footer{padding:2rem;border-top:1px solid var(--color-border);background-color:var(--color-surface);text-align:center}.copyright{font-size:.875rem;color:var(--color-text-muted)}.theme-toggle{position:fixed;top:1.5rem;right:2rem;width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;background-color:var(--color-surface-elevated);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.1)}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.theme-icon{width:20px;height:20px;position:absolute;transition:var(--transition-base)}.theme-icon-sun{opacity:0;transform:rotate(-90deg)}.theme-icon-moon{opacity:1;transform:rotate(0)}[data-theme=light] .theme-icon-sun{opacity:1;transform:rotate(0)}[data-theme=light] .theme-icon-moon{opacity:0;transform:rotate(90deg)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.site-header{padding:1rem 1.5rem}.nav-links{gap:1rem}.hero{min-height:calc(100vh - 160px);padding:2rem 1.5rem}.theme-toggle{top:1rem;right:1rem;width:40px;height:40px}.site-footer{padding:1.5rem}}