*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #01a7a3;--primary-dark: #017a78;--primary-light: #33b9b6;--secondary: #04f2d5;--secondary-dark: #03c2aa;--secondary-light: #36f5dd;--accent: #013b3b;--accent-dark: #012a2a;--gradient-primary: linear-gradient(135deg, #01a7a3 0%, #017a78 100%);--gradient-secondary: linear-gradient(135deg, #04f2d5 0%, #03c2aa 100%);--gradient-accent: linear-gradient(135deg, #01a7a3 0%, #04f2d5 100%);--gradient-warm: linear-gradient(135deg, #01a7a3 0%, #04f2d5 100%);--gradient-cool: linear-gradient(135deg, #01a7a3 0%, #017a78 100%);--gradient-hero: linear-gradient(135deg, #01a7a3 0%, #017a78 100%);--white: #ffffff;--gray-50: #f8f8fb;--gray-100: #f1f1f6;--gray-200: #e4e4ec;--gray-300: #d1d1dc;--gray-400: #9c9caf;--gray-500: #6f6f85;--gray-600: #4b4b5c;--gray-700: #33333f;--gray-800: #1c1c24;--gray-900: #0a0a0e;--black: #000000;--blue-50: #eff6ff;--blue-500: #3b82f6;--blue-600: #2563eb;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--bg-primary: var(--white);--bg-secondary: var(--gray-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--border-color: var(--gray-200);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.625rem;--text-4xl: 1.875rem;--text-5xl: 2.375rem;--text-6xl: 2.875rem;--text-7xl: 3.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .625rem;--radius-2xl: .875rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .03);--shadow-md: 0 2px 8px -2px rgb(0 0 0 / .05);--shadow-lg: 0 4px 16px -4px rgb(0 0 0 / .06);--shadow-xl: 0 8px 24px -6px rgb(0 0 0 / .08);--shadow-2xl: 0 16px 40px -10px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(1, 167, 163, .15);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600}[data-theme=dark]{--primary: #04f2d5;--primary-dark: #01a7a3;--primary-light: #36f5dd;--bg-primary: #050a10;--bg-secondary: #09101f;--text-primary: #f5f5f8;--text-secondary: #b8b8c6;--text-muted: #85859a;--border-color: #013232;--white: #14141c;--gray-50: #17171f;--gray-100: #232330;--gray-200: #2a2a36;--gray-300: #3d3d4d;--gray-400: #85859a;--gray-500: #b8b8c6;--gray-600: #d4d4de;--gray-700: #e8e8ee;--gray-800: #f5f5f8;--gray-900: #ffffff;--black: #ffffff;--blue-50: #1e3a5f;--blue-500: #60a5fa;--blue-600: #3b82f6;--green-50: #14532d;--green-500: #4ade80;--green-600: #22c55e;--gradient-primary: linear-gradient(135deg, #04f2d5 0%, #01a7a3 100%);--gradient-secondary: linear-gradient(135deg, #36f5dd 0%, #03c2aa 100%);--gradient-accent: linear-gradient(135deg, #04f2d5 0%, #36f5dd 100%);--gradient-warm: linear-gradient(135deg, #04f2d5 0%, #36f5dd 100%);--gradient-cool: linear-gradient(135deg, #04f2d5 0%, #01a7a3 100%);--gradient-hero: linear-gradient(135deg, #04f2d5 0%, #01a7a3 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 2px 8px -2px rgb(0 0 0 / .35);--shadow-lg: 0 4px 16px -4px rgb(0 0 0 / .4);--shadow-xl: 0 8px 24px -6px rgb(0 0 0 / .45);--shadow-2xl: 0 16px 40px -10px rgb(0 0 0 / .55);--shadow-glow: 0 0 20px rgba(4, 242, 213, .25)}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-4xl) 0}.section-sm{padding:var(--spacing-2xl) 0}.text-gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem var(--spacing-xl);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;letter-spacing:.02em}.btn-primary{background:var(--primary);color:#fff!important;box-shadow:0 4px 14px #01a7a340}.btn-primary:hover{background:var(--primary-dark);color:#fff!important;box-shadow:0 6px 20px #01a7a366;transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-light);background:var(--white);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 14px #01a7a31a}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary-light)}.btn-outline:hover{background:#01a7a30d;border-color:var(--primary);transform:translateY(-2px)}.card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.card-glass{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .card-glass{background:#0f172ab3;border-color:#ffffff1a}.badge{display:inline-flex;align-items:center;padding:.25rem .7rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;line-height:1.4;border-radius:var(--radius-full);background:var(--gray-100);border:none;color:var(--text-secondary)}.badge-primary{background:#01a7a31a;color:var(--primary)}.badge-secondary{background:#04f2d51a;color:var(--secondary)}.eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,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{flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}@media (max-width: 1024px){:root{--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 3.5rem}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section{padding:var(--spacing-3xl) 0}}@media (max-width: 768px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem}.container{padding:0 var(--spacing-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--spacing-2xl) 0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}@media (max-width: 640px){.btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary);color:var(--white)}::-moz-selection{background:var(--primary);color:var(--white)}.highlight{color:var(--primary);font-weight:600}.bg-dotted{background-image:radial-gradient(var(--gray-300) 1px,transparent 1px);background-size:24px 24px}.editorial-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-lg);flex-wrap:wrap;padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--border-color)}.editorial-title{font-size:var(--text-5xl);font-weight:800;text-transform:lowercase;letter-spacing:-.03em;margin:0;color:var(--text-primary)}.editorial-caption{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--spacing-xs);white-space:nowrap}@media (max-width: 768px){.editorial-title{font-size:var(--text-4xl)}}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-lift-sm{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift-sm:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}