:root{--bg-page: #f8fafc;--bg-canvas: #f8fafc;--bg-surface: #ffffff;--glass-surface: rgba(255, 255, 255, .72);--glass-surface-subtle: rgba(255, 255, 255, .52);--glass-surface-elevated: rgba(255, 255, 255, .88);--glass-surface-hover: rgba(255, 255, 255, .94);--glass-surface-card: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .85);--glass-border-subtle: rgba(226, 232, 240, .75);--glass-border-highlight: rgba(255, 255, 255, .98);--glass-blur: blur(16px) saturate(180%);--glass-blur-heavy: blur(24px) saturate(190%);--glass-blur-subtle: blur(10px) saturate(160%);--glass-shadow-sm: 0 4px 12px -2px rgba(15, 23, 42, .03), inset 0 1px 1px rgba(255, 255, 255, .95);--glass-shadow: 0 10px 30px -5px rgba(15, 23, 42, .06), 0 4px 10px -2px rgba(15, 23, 42, .03), inset 0 1px 1px rgba(255, 255, 255, .95);--glass-shadow-lg: 0 20px 40px -10px rgba(15, 23, 42, .09), 0 6px 16px -4px rgba(15, 23, 42, .04), inset 0 1px 1.5px rgba(255, 255, 255, .98);--bg-card: var(--glass-surface);--bg-card-solid: #ffffff;--bg-glass: var(--glass-surface);--border-subtle: var(--glass-border-subtle);--border-light: var(--glass-border);--border-strong: rgba(203, 213, 225, .8);--text-main: #0f172a;--text-muted: #334155;--text-dim: #64748b;--text-light: #94a3b8;--accent-primary: #0f172a;--accent-primary-hover: #1e293b;--accent-primary-light: rgba(15, 23, 42, .05);--accent-blue: #0284c7;--accent-blue-hover: #0369a1;--accent-blue-light: rgba(2, 132, 199, .08);--accent-violet: #7c3aed;--accent-amber: #d97706;--success-color: #10b981;--success-light: #d1fae5;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;color:var(--text-main);background-color:var(--bg-page);scroll-behavior:smooth;scroll-padding-top:80px;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;position:relative;overflow-x:hidden;background-color:var(--bg-page);line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle 650px at 10% 12%,rgba(56,189,248,.14) 0%,transparent 65%),radial-gradient(circle 750px at 90% 20%,rgba(168,85,247,.1) 0%,transparent 65%),radial-gradient(circle 600px at 50% 60%,rgba(251,146,60,.08) 0%,transparent 65%),radial-gradient(circle 800px at 15% 90%,rgba(14,165,233,.1) 0%,transparent 65%),radial-gradient(circle 500px at 85% 85%,rgba(139,92,246,.09) 0%,transparent 60%)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.container{padding-left:1rem;padding-right:1rem}}h1,h2,h3,h4,h5,h6{font-weight:500;color:var(--text-main);line-height:1.25}p{color:var(--text-muted)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}.glass-panel{background:var(--glass-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.glass-panel:hover{background:var(--glass-surface-hover);box-shadow:var(--glass-shadow-lg)}.section-header{text-align:center;margin-bottom:2.75rem}.section-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:.3rem .85rem;background:var(--glass-surface-subtle);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-full);margin-bottom:.75rem;box-shadow:var(--glass-shadow-sm)}.section-title{font-size:2.35rem;font-weight:600;color:var(--text-main);letter-spacing:-.025em;margin-bottom:.65rem}.section-description{font-size:1.05rem;color:var(--text-dim);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}@media(max-width:768px){.section-title{font-size:1.95rem}.section-description{font-size:.95rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-primary);color:#fff;font-weight:500;font-size:.925rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 4px 14px #0f172a26,inset 0 1px #fff3;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a38;background:var(--accent-primary-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--glass-surface-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-main);border:1px solid var(--glass-border);font-weight:500;font-size:.925rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--glass-shadow-sm);transition:all var(--transition-fast)}.btn-secondary:hover{background:#fff;color:#000;border-color:var(--glass-border-highlight);transform:translateY(-2px);box-shadow:var(--glass-shadow)}.btn-primary:active,.btn-secondary:active{transform:scale(.97)!important}::selection{background:#0f172ae6;color:#fff}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#f8fafcb3}::-webkit-scrollbar-thumb{background:#cbd5e1d9;border:2px solid #f8fafc;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8f2}