.header{position:sticky;top:0;z-index:100;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border)}.header__content{display:flex;align-items:center;justify-content:space-between;height:64px}.header__logo{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;font-size:1.25rem;color:var(--color-text-primary);transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.7}.header__logo-text{margin-left:20px}.header__logo-icon{display:flex;color:var(--color-text-secondary);position:absolute;left:0;opacity:.15;z-index:-1}.header__nav{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 3)}@media (max-width: 768px){.header__nav{gap:calc(var(--spacing-unit) * 2)}.header__nav-link{display:none}}.header__nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color var(--transition-fast)}.header__nav-link:hover{color:var(--color-text-primary)}.header__theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.header__theme-toggle:hover{background:var(--color-surface);color:var(--color-text-primary)}.footer{padding:calc(var(--spacing-unit) * 12) 0 calc(var(--spacing-unit) * 8);border-top:1px solid var(--color-border)}@media (max-width: 768px){.footer{padding:calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 6)}}.footer__content{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 4)}.footer__icon{color:var(--color-text-tertiary);transition:color var(--transition-base)}.footer__icon:hover{color:var(--color-text-secondary)}.footer__links{display:flex;gap:calc(var(--spacing-unit) * 4)}@media (max-width: 640px){.footer__links{gap:calc(var(--spacing-unit) * 3)}}.footer__link{color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-primary)}:root{--color-background: #ffffff;--color-surface: #f7f7fb;--color-surface-elevated: #ffffff;--color-border: #eeeef1;--color-border-hover: #d1d1d6;--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-text-tertiary: #a1a1a6;--color-accent: #eb1736;--color-accent-hover: #d11530;--color-accent-light: rgba(235, 23, 54, .08);--gradient-accent: linear-gradient(135deg, #eb1736 0%, #ff1f47 100%);--glass-background: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .06);--glass-blur: blur(20px) saturate(180%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--spacing-unit: 8px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-background: #000000;--color-surface: #0f0e0e;--color-surface-elevated: #2c2c2e;--color-border: #222223;--color-border-hover: #2a2a2b;--color-text-primary: #f5f5f7;--color-text-secondary: #98989d;--color-text-tertiary: #636366;--color-accent: #eb1736;--color-accent-hover: #d11530;--color-accent-light: rgba(235, 23, 54, .08);--glass-background: rgba(28, 28, 30, .7);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px) saturate(180%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 2px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .7)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-text-tertiary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface)}.btn-lg{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:1.125rem;border-radius:var(--radius-lg)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 3)}@media (max-width: 768px){.container{padding:0 calc(var(--spacing-unit) * 2)}}.section{padding:calc(var(--spacing-unit) * 12) 0}@media (max-width: 768px){.section{padding:calc(var(--spacing-unit) * 8) 0}}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:calc(var(--spacing-unit) * 3);transition:border-color var(--transition-base)}.card:hover{border-color:var(--color-text-tertiary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}