:root{--color-primary-50:#e8eef5;--color-primary-100:#c5d4e8;--color-primary-200:#9fb7d8;--color-primary-300:#7899c7;--color-primary-400:#5a82ba;--color-primary-500:#3d6bad;--color-primary-600:#1B4F72;--color-primary-700:#163f5b;--color-primary-800:#112f44;--color-primary-900:#0c1f2e;--color-primary-950:#0a1628;--color-accent-50:#e6f8fa;--color-accent-100:#b3ecf2;--color-accent-200:#80e0ea;--color-accent-300:#4dd4e1;--color-accent-400:#26cbdb;--color-accent-500:#17A2B8;--color-accent-600:#138a9d;--color-accent-700:#0f7282;--color-accent-800:#0b5a67;--color-accent-900:#07424c;--color-accent-950:#042a31;--color-neutral-0:#ffffff;--color-neutral-50:#f8f9fb;--color-neutral-100:#f0f2f5;--color-neutral-200:#e2e5ea;--color-neutral-300:#c8cdd5;--color-neutral-400:#9ba3b0;--color-neutral-500:#6e7787;--color-neutral-600:#4a5568;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-neutral-950:#0b0f1a;--color-bg:#ffffff;--color-bg-secondary:#f8f9fb;--color-surface:#ffffff;--color-surface-hover:#f0f2f5;--color-text:#111827;--color-text-secondary:#4a5568;--color-text-muted:#6e7787;--color-border:#e2e5ea;--color-border-hover:#c8cdd5;--color-link:#1B4F72;--color-link-hover:#17A2B8;--color-highlight:#17A2B8;--color-highlight-glow:rgba(23, 162, 184, 0.15);--font-sans:'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Cascadia Code', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--font-display:'Inter', var(--font-sans);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.5rem, 1.3rem + 0.5vw, 1.75rem);--text-3xl:clamp(1.875rem, 1.5rem + 0.8vw, 2.25rem);--text-4xl:clamp(2.25rem, 1.8rem + 1.2vw, 3rem);--text-5xl:clamp(3rem, 2rem + 2.5vw, 4.5rem);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);--shadow-glow:0 0 20px rgba(23, 162, 184, 0.15);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-spring:500ms cubic-bezier(0.34, 1.56, 0.64, 1);--container-max:1200px;--header-height:4rem;--gradient-hero:linear-gradient(135deg, #0a1628 0%, #0c1f2e 25%, #1B4F72 50%, #17A2B8 75%, #0c1f2e 100%);--gradient-hero-dark:linear-gradient(135deg, #0b0f1a 0%, #0c1f2e 30%, #112f44 55%, #0f7282 80%, #0b0f1a 100%);--gradient-text:linear-gradient(135deg, #ffffff 0%, #17A2B8 100%);--gradient-accent:linear-gradient(135deg, #17A2B8 0%, #1B4F72 100%);--gradient-card-border:linear-gradient(135deg, rgba(23, 162, 184, 0.4) 0%, rgba(27, 79, 114, 0.1) 100%);--gradient-card-glow:radial-gradient(ellipse at top, rgba(23, 162, 184, 0.08) 0%, transparent 70%)}.dark{--color-bg:#0b0f1a;--color-bg-secondary:#111827;--color-surface:#1f2937;--color-surface-hover:#374151;--color-text:#f0f2f5;--color-text-secondary:#c8cdd5;--color-text-muted:#9ba3b0;--color-border:#374151;--color-border-hover:#4a5568;--color-link:#4dd4e1;--color-link-hover:#80e0ea;--color-highlight:#17A2B8;--color-highlight-glow:rgba(23, 162, 184, 0.2);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.3);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 30px rgba(23, 162, 184, 0.25)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-slow),color var(--transition-slow)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}::selection{background-color:var(--color-highlight);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text);letter-spacing:-.02em}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)}.prose{max-width:72ch;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-secondary)}.prose>*+*{margin-top:var(--space-6)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--color-text);margin-top:var(--space-12);margin-bottom:var(--space-4)}.prose h1{font-size:var(--text-4xl)}.prose h2{font-size:var(--text-3xl)}.prose h3{font-size:var(--text-2xl)}.prose h4{font-size:var(--text-xl)}.prose p{margin-top:var(--space-4);margin-bottom:var(--space-4)}.prose a{color:var(--color-link);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--color-highlight);transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.prose a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.prose strong{font-weight:var(--weight-semibold);color:var(--color-text)}.prose em{font-style:italic}.prose ul,.prose ol{padding-left:var(--space-6);margin-top:var(--space-4);margin-bottom:var(--space-4)}.prose li{margin-top:var(--space-2)}.prose li::marker{color:var(--color-highlight)}.prose blockquote{border-left:3px solid var(--color-highlight);padding-left:var(--space-6);font-style:italic;color:var(--color-text-muted);margin:var(--space-6)0}.prose code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.15em .4em}.prose pre{background-color:var(--color-neutral-950);color:var(--color-neutral-100);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:var(--space-6)0}.prose pre code{background:0 0;border:none;padding:0;font-size:inherit;color:inherit}.prose img{border-radius:var(--radius-lg);margin:var(--space-8)0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-12)0}.prose table{width:100%;border-collapse:collapse;margin:var(--space-8)0;font-size:var(--text-sm)}.prose th{background-color:var(--color-bg-secondary);font-weight:var(--weight-semibold);text-align:left;padding:var(--space-3)var(--space-4);border-bottom:2px solid var(--color-border)}.prose td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}@media(min-width:640px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.site-header{position:sticky;top:0;z-index:40;height:var(--header-height);display:flex;align-items:center;background-color:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-slow),border-color var(--transition-slow)}.dark .site-header{background-color:rgba(11,15,26,.85);border-bottom-color:rgba(55,65,81,.5)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}@media(min-width:640px){.header-inner{padding:0 var(--space-8)}}.site-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);flex-shrink:0}.site-logo img{height:2.5rem;width:auto}.site-logo-text{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:-.01em;display:none}@media(min-width:768px){.site-logo-text{display:block}}.nav-desktop{display:none;align-items:center;gap:var(--space-8)}@media(min-width:768px){.nav-desktop{display:flex}}.nav-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;position:relative;padding:var(--space-1)0;transition:color var(--transition-fast)}.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-text)}.nav-link:hover::after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.header-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;background:0 0;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.header-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.header-btn svg{width:1.25rem;height:1.25rem}.hamburger-btn{display:flex}@media(min-width:768px){.hamburger-btn{display:none}}.mobile-nav{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background-color:var(--color-bg);padding:var(--space-6);transform:translateX(100%);transition:transform var(--transition-slow);overflow-y:auto}.dark .mobile-nav{background-color:var(--color-bg)}.mobile-nav.open{transform:translateX(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-12)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.mobile-nav-link{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text);text-decoration:none;padding:var(--space-4)0;border-bottom:1px solid var(--color-border);transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--color-highlight)}main{flex:1}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-12)0;margin-top:var(--space-20);transition:border-color var(--transition-slow)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}@media(min-width:640px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer-text{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-links{display:flex;align-items:center;gap:var(--space-6)}.footer-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-highlight)}.section{padding:var(--space-20)0}.section-header{margin-bottom:var(--space-12)}.section-title{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch}.bento-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-grid .card:first-child{grid-column:1/-1}@media(min-width:640px){.bento-grid .card:first-child{grid-column:1/3}}.scroll-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition-base),color var(--transition-fast),background-color var(--transition-fast);box-shadow:var(--shadow-lg);z-index:30;text-decoration:none}.scroll-to-top.visible{opacity:1;pointer-events:auto}.scroll-to-top:hover{color:var(--color-highlight);border-color:var(--color-highlight)}.card{position:relative;display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);text-decoration:none;color:inherit}.card::before{content:'';position:absolute;inset:0;background:var(--gradient-card-glow);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;z-index:0}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--color-accent-500)}.card:hover::before{opacity:1}.dark .card{background-color:rgba(31,41,55,.5);border-color:rgba(55,65,81,.5)}.dark .card:hover{background-color:rgba(31,41,55,.8);border-color:rgba(23,162,184,.4)}.card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--color-bg-secondary)}.card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-thumbnail img{transform:scale(1.05)}.card-thumbnail::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.card:hover .card-thumbnail::after{opacity:1}.card-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);flex:1}.card-title{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-text);letter-spacing:-.01em}.card-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:auto;padding-top:var(--space-3)}.card-date{color:var(--color-text-muted)}.card-arrow{margin-left:auto;color:var(--color-accent-500);transition:transform var(--transition-fast)}.card:hover .card-arrow{transform:translateX(4px)}.card-featured .card-body{padding:var(--space-8)}.card-featured .card-title{font-size:var(--text-2xl)}.card-featured .card-description{font-size:var(--text-base);-webkit-line-clamp:4}@media(min-width:640px){.card-featured{flex-direction:row}.card-featured .card-thumbnail{width:50%;aspect-ratio:auto;min-height:280px}.card-featured .card-body{width:50%;justify-content:center}}.badge-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0}.badge{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background-color:var(--color-highlight-glow);color:var(--color-accent-600);border:1px solid rgba(23,162,184,.2);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.dark .badge{color:var(--color-accent-300);background-color:rgba(23,162,184,.1);border-color:rgba(23,162,184,.2)}.badge:hover{background-color:rgba(23,162,184,.2);border-color:rgba(23,162,184,.4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-accent);color:#fff;border:none}.btn-primary:hover{box-shadow:var(--shadow-glow);color:#fff}.btn-secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text)}.btn-ghost{background-color:transparent;color:var(--color-accent-500);border:none;padding:var(--space-2)var(--space-4)}.btn-ghost:hover{background-color:var(--color-highlight-glow);color:var(--color-accent-600)}.search-overlay{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;padding:var(--space-6);padding-top:10vh;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);visibility:hidden;opacity:0;transition:visibility var(--transition-base),opacity var(--transition-base);cursor:default}.search-overlay.active{visibility:visible;opacity:1}.search-modal{width:100%;max-width:640px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.dark .search-modal{background-color:var(--color-neutral-800);border-color:var(--color-neutral-700)}.search-header{display:flex;align-items:center;padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border);gap:var(--space-3)}.search-header svg{width:1.25rem;height:1.25rem;color:var(--color-text-muted);flex-shrink:0}.search-input{flex:1;border:none;background:0 0;font-size:var(--text-base);outline:none;padding:var(--space-2)0;color:var(--color-text)}.search-input::placeholder{color:var(--color-text-muted)}.search-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:0 0;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0}.search-close:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.search-results{list-style:none;padding:var(--space-2);overflow-y:auto;flex:1}.search-result-item{margin-bottom:var(--space-1)}.search-result-link{display:flex;align-items:center;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:background-color var(--transition-fast)}.search-result-link:hover,.search-result-link:focus{background-color:var(--color-surface-hover);color:var(--color-text);outline:none}.dark .search-result-link:hover,.dark .search-result-link:focus{background-color:var(--color-neutral-700)}.search-result-title{font-size:var(--text-base);font-weight:var(--weight-bold)}.search-result-section{font-size:var(--text-sm);color:var(--color-text-muted)}.search-result-summary{font-size:var(--text-sm);font-style:italic;color:var(--color-text-muted);margin-top:var(--space-1)}.search-result-arrow{margin-left:auto;color:var(--color-text-muted);flex-shrink:0}.tag-link{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background-color:var(--color-highlight-glow);color:var(--color-accent-600);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.dark .tag-link{color:var(--color-accent-300)}.tag-link:hover{background-color:rgba(23,162,184,.25);color:var(--color-accent-500)}.page-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.page-nav-link{display:flex;flex-direction:column;gap:var(--space-1);text-decoration:none;padding:var(--space-4);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.page-nav-link:hover{background-color:var(--color-surface-hover)}.page-nav-link--next{text-align:right;grid-column:2}.page-nav-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.page-nav-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.hero-section{position:relative;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-16)var(--space-6)}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:linear-gradient( 135deg,#0a1628 0%,#112f44 20%,#1B4F72 40%,#17A2B8 60%,#0f7282 80%,#0a1628 100% );background-size:400% 400%;animation:gradientShift 20s ease infinite}.dark .hero-gradient{background:linear-gradient( 135deg,#050a14 0%,#0c1f2e 20%,#112f44 40%,#0f7282 55%,#0c1f2e 75%,#050a14 100% );background-size:400% 400%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.hero-gradient::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,8%) 1px,transparent 1px);background-size:32px 32px;z-index:1}.dark .hero-gradient::after{background-image:radial-gradient(rgba(255,255,255,4%) 1px,transparent 1px)}.hero-content{text-align:center;z-index:2;max-width:900px;position:relative}.hero-title{font-size:var(--text-5xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-6);color:#fff;background:linear-gradient(135deg,#ffffff 30%,#4dd4e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:-.03em}.hero-subtitle{font-size:var(--text-xl);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:rgba(255,255,255,.85);max-width:600px;margin:0 auto var(--space-10)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.hero-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-4)var(--space-8);border-radius:var(--radius-md);background:rgba(23,162,184,.9);color:#fff;text-decoration:none;border:1px solid rgba(23,162,184,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.hero-btn-primary:hover{background:#17a2b8;box-shadow:0 0 30px rgba(23,162,184,.4);transform:translateY(-2px);color:#fff}.hero-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-4)var(--space-8);border-radius:var(--radius-md);background:rgba(255,255,255,.1);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.hero-btn-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);transform:translateY(-2px);color:#fff}.scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.6);animation:bounce 2.5s infinite;cursor:pointer;transition:color var(--transition-fast)}.scroll-indicator:hover{color:rgba(255,255,255,.9)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%)translateY(0)}40%{transform:translateX(-50%)translateY(-12px)}60%{transform:translateX(-50%)translateY(-6px)}}.scroll-indicator svg{width:28px;height:28px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-10);padding:var(--space-10)var(--space-6);border-bottom:1px solid var(--color-border)}.hero-stat{text-align:center}.hero-stat-number{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--color-accent-500);letter-spacing:-.02em}.hero-stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}