:root{--color-bg: #ffffff;--color-bg-dark: #f5f5f5;--color-text: #1a1a1a;--color-text-light: #666666;--color-accent: #0066ff;--color-accent-light: #e6f2ff;--color-border: #e0e0e0;--color-shadow: rgba(0, 0, 0, .08);--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--spacing-4xl: 8rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300}[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-dark: #1a1a1a;--color-text: #f5f5f5;--color-text-light: #a8a8a8;--color-accent: #4488ff;--color-accent-light: #1a3d80;--color-border: #333333;--color-shadow: rgba(0, 0, 0, .32)}@media (prefers-color-scheme: dark){:root{--color-bg: #0a0a0a;--color-bg-dark: #1a1a1a;--color-text: #f5f5f5;--color-text-light: #a8a8a8;--color-accent: #4488ff;--color-accent-light: #1a3d80;--color-border: #333333;--color-shadow: rgba(0, 0, 0, .32)}}[data-theme=light]{--color-bg: #ffffff;--color-bg-dark: #f5f5f5;--color-text: #1a1a1a;--color-text-light: #666666;--color-accent: #0066ff;--color-accent-light: #e6f2ff;--color-border: #e0e0e0;--color-shadow: rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;transition:background-color var(--transition-base),color var(--transition-base)}body{font-family:var(--font-family-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(1.75rem,5vw,3rem);font-weight:600;letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}h4{font-size:1.1rem;font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--color-text-light);font-size:1rem;line-height:1.8}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-text)}section{padding:var(--spacing-4xl) var(--spacing-lg);position:relative;overflow:hidden}@media (max-width: 768px){section{padding:var(--spacing-3xl) var(--spacing-md)}}.container{max-width:1200px;margin:0 auto;width:100%}.container-tight{max-width:900px;margin:0 auto;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp var(--transition-slow) ease-out forwards}.fade-in{animation:fadeIn var(--transition-slow) ease-out forwards}.slide-in-left{animation:slideInLeft var(--transition-slow) ease-out forwards}.slide-in-right{animation:slideInRight var(--transition-slow) ease-out forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.scroll-animate{opacity:0;transform:translateY(1.5rem);transition:opacity var(--transition-slow),transform var(--transition-slow)}.scroll-animate.in-view{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;font-size:1rem;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:#0052cc;transform:translateY(-2px);box-shadow:0 8px 16px #06f3}.btn-secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-text);color:#fff;transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn-outline:hover{background-color:var(--color-accent-light)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--color-accent);box-shadow:0 12px 24px var(--color-shadow)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-accent-light);color:var(--color-accent);border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.divider{height:1px;background-color:var(--color-border);margin:var(--spacing-xl) 0}.divider-accent{height:2px;background-color:var(--color-accent);width:60px;margin:var(--spacing-lg) 0}.highlight{color:var(--color-accent);font-weight:600}img{max-width:100%;height:auto;display:block}.image-elevated{border-radius:4px;box-shadow:0 12px 32px var(--color-shadow);overflow:hidden}.image-minimal{border-radius:4px;border:1px solid var(--color-border)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--color-text-light)}.text-accent{color:var(--color-accent)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.bg-light{background-color:var(--color-bg-dark)}.visibility-hidden{visibility:hidden}.display-none{display:none}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root{--color-bg: #0f0f0f;--color-bg-dark: #1a1a1a;--color-text: #ffffff;--color-text-light: #b0b0b0;--color-border: #333333;--color-shadow: rgba(255, 255, 255, .05);--color-accent-light: #001a4d}}