@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";.logo[data-astro-cid-tvrurpns]{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em;font-size:calc(var(--logo-size) * .8);line-height:1}.logo-mark[data-astro-cid-tvrurpns]{flex:none}.logo-tld[data-astro-cid-tvrurpns]{color:var(--color-coral-500)}:root{--color-ocean-950: #082f49;--color-ocean-900: #0c3d5f;--color-ocean-800: #0C4A6E;--color-ocean-700: #0e6493;--color-ocean-600: #0284c7;--color-ocean-500: #0ea5e9;--color-ocean-400: #38bdf8;--color-ocean-300: #7dd3fc;--color-ocean-200: #bae6fd;--color-ocean-100: #e0f2fe;--color-ocean-50: #f0f9ff;--color-coral-600: #ea580c;--color-coral-500: #F97316;--color-coral-400: #fb923c;--color-coral-300: #fdba74;--color-coral-200: #fed7aa;--color-coral-100: #ffedd5;--color-teal-700: #0f766e;--color-teal-600: #0D9488;--color-teal-500: #14b8a6;--color-teal-400: #2dd4bf;--color-teal-300: #5eead4;--color-teal-200: #99f6e4;--color-sand-50: #fffbeb;--color-sand-100: #FEF3C7;--color-sand-200: #fde68a;--color-sand-300: #fcd34d;--color-neutral-950: #0a0a0a;--color-neutral-900: #171717;--color-neutral-800: #262626;--color-neutral-700: #404040;--color-neutral-600: #525252;--color-neutral-500: #737373;--color-neutral-400: #a3a3a3;--color-neutral-300: #d4d4d4;--color-neutral-200: #e5e5e5;--color-neutral-100: #f5f5f5;--color-neutral-50: #fafafa;--color-primary: var(--color-ocean-800);--color-primary-hover: var(--color-ocean-700);--color-accent: var(--color-coral-500);--color-accent-hover: var(--color-coral-600);--color-secondary: var(--color-teal-600);--color-secondary-hover: var(--color-teal-700);--color-bg: #ffffff;--color-bg-alt: var(--color-neutral-50);--color-bg-card: #ffffff;--color-text: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-muted: var(--color-neutral-400);--color-border: var(--color-neutral-200);--color-border-hover: var(--color-neutral-300);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(14, 165, 233, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}@media(prefers-color-scheme:dark){:root{--color-bg: #0F172A;--color-bg-alt: #1e293b;--color-bg-card: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-border-hover: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(14, 165, 233, .25)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--text-5xl);font-weight:800}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{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.container-lg{max-width:var(--container-2xl)}.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}.section-sm{padding-top:var(--space-12);padding-bottom:var(--space-12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-ocean-700));color:#fff;box-shadow:var(--shadow-md),0 0 #0c4a6e00}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-ocean-600));box-shadow:var(--shadow-lg),0 0 20px #0c4a6e33;color:#fff}.btn-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-coral-600));color:#fff;box-shadow:var(--shadow-md)}.btn-accent:hover{background:linear-gradient(135deg,var(--color-accent-hover),#c2410c);box-shadow:var(--shadow-lg),0 0 20px #f9731640;color:#fff}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);background:var(--color-ocean-50);color:var(--color-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);background:var(--color-ocean-100);color:var(--color-ocean-800);transition:all var(--transition-fast)}.tag-coral{background:var(--color-coral-100);color:var(--color-coral-600)}.tag-teal{background:var(--color-teal-200);color:var(--color-teal-700)}.tag-sand{background:var(--color-sand-100);color:#92400e}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl)}@media(prefers-color-scheme:dark){.glass{background:#1e293bb3;border-color:#33415580}}.gradient-divider{height:4px;background:linear-gradient(90deg,var(--color-ocean-500),var(--color-teal-400),var(--color-coral-400),var(--color-sand-300));border:none;border-radius:var(--radius-full)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}.animate-fade-in{animation:fadeIn .5s ease-out forwards;opacity:0}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media(max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}.container{padding-left:var(--space-4);padding-right:var(--space-4)}}@media(max-width:480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gradient{background:linear-gradient(135deg,var(--color-ocean-600),var(--color-teal-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}@media(prefers-color-scheme:dark){.site-header{background:#0f172ad9}}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:var(--space-4)}.header-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800;color:var(--color-text);text-decoration:none}.header-logo:hover{color:var(--color-primary)}.header-logo-icon{font-size:var(--text-2xl)}.header-nav{display:flex;align-items:center;gap:var(--space-1);flex-shrink:1;min-width:0}.header-nav a{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-nav a:hover{color:var(--color-text);background:var(--color-bg-alt)}.header-nav a.active{color:var(--color-primary);background:var(--color-ocean-50)}@media(prefers-color-scheme:dark){.header-nav a.active{background:#0ea5e91a}}.mobile-menu-btn{display:none;background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-text);font-size:var(--text-xl)}.mobile-nav{display:none;position:fixed;inset:72px 0 0;background:#fff;z-index:999;padding:var(--space-6);flex-direction:column;gap:var(--space-2);overflow-y:auto}@media(prefers-color-scheme:dark){.mobile-nav{background:#0f172a}}.mobile-nav.open{display:flex;animation:fadeIn .2s ease-out}.mobile-nav a{display:block;padding:var(--space-4) var(--space-4);font-size:var(--text-lg);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.mobile-nav a:hover{background:var(--color-bg-alt);color:var(--color-text)}@media(max-width:900px){.header-nav{display:none}.mobile-menu-btn{display:block}}.hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--color-ocean-950) 0%,var(--color-ocean-800) 40%,var(--color-teal-700) 70%,var(--color-ocean-700) 100%)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.3;transition:transform .5s ease}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#082f4966,#0c4a6eb3)}.hero-content{position:relative;z-index:1;max-width:800px;padding:var(--space-8)}.hero h1{color:#fff;font-size:var(--text-6xl);font-weight:900;margin-bottom:var(--space-6);text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero p{color:#ffffffe6;font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:var(--radius-full);animation:float 6s ease-in-out infinite}@media(max-width:768px){.hero{min-height:50vh}.hero h1{font-size:var(--text-3xl)}.hero p{font-size:var(--text-base)}}.card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.card-image{width:100%;height:220px;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image{transform:scale(1.05)}.card-image-wrapper{overflow:hidden;position:relative}.card-badge{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1}.card-body{padding:var(--space-5)}.card-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{color:var(--color-primary)}.card-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.card-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}.card-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}@media(max-width:768px){.card-grid{grid-template-columns:1fr;gap:var(--space-4)}}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumbs a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumb-separator{color:var(--color-text-muted);font-size:var(--text-xs)}.breadcrumb-current{color:var(--color-text);font-weight:500}.star-rating{display:inline-flex;gap:2px;color:var(--color-sand-300)}.star-rating .star-empty{color:var(--color-neutral-300)}.price-range{font-weight:700;letter-spacing:1px}.price-active{color:var(--color-teal-600)}.price-inactive{color:var(--color-neutral-300)}.affiliate-card{background:linear-gradient(135deg,var(--color-ocean-50),var(--color-teal-200));border:1px solid var(--color-teal-300);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin:var(--space-8) 0}@media(prefers-color-scheme:dark){.affiliate-card{background:linear-gradient(135deg,#0d94881a,#0ea5e91a);border-color:var(--color-teal-700)}}.affiliate-disclosure{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3);font-style:italic}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{font-size:var(--text-lg);color:var(--color-text-secondary)}.section-header .section-label{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-3)}.site-footer{background:var(--color-ocean-950);color:#ffffffb3;padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-10);margin-bottom:var(--space-10)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}}.footer-brand h3{color:#fff;font-size:var(--text-xl);margin-bottom:var(--space-4)}.footer-brand p{color:#fff9;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-column h4{color:#fff;font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer-column ul{list-style:none;padding:0}.footer-column li{margin-bottom:var(--space-2)}.footer-column a{color:#fff9;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-coral-400)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:#fff6}@media(max-width:768px){.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}}.content-detail{max-width:900px;margin:0 auto}.content-detail-header{margin-bottom:var(--space-8)}.content-detail-header h1{margin-bottom:var(--space-4)}.content-detail-header .tagline{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.content-detail-image{width:100%;height:400px;object-fit:cover;border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.content-detail-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.content-detail-body h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-top:var(--space-10);margin-bottom:var(--space-4)}.content-detail-body h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3)}.content-detail-body h4{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-top:var(--space-6);margin-bottom:var(--space-2)}.content-detail-body p{margin-bottom:var(--space-5);font-size:var(--text-base);line-height:1.8}.content-detail-body strong{color:var(--color-text);font-weight:600}.content-detail-body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.content-detail-body a:hover{color:var(--color-primary-dark)}.content-detail-body ul,.content-detail-body ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.content-detail-body ul{list-style-type:disc}.content-detail-body ol{list-style-type:decimal}.content-detail-body li{margin-bottom:var(--space-2);line-height:1.7}.content-detail-body li>ul,.content-detail-body li>ol{margin-top:var(--space-2);margin-bottom:0}.content-detail-body blockquote{border-left:4px solid var(--color-primary);margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);background:var(--color-bg-alt);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic;color:var(--color-text)}.content-detail-body blockquote p:last-child{margin-bottom:0}.content-detail-body table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm);overflow-x:auto;display:block}.content-detail-body thead{background:var(--color-bg-alt)}.content-detail-body th,.content-detail-body td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.content-detail-body th{font-weight:600;color:var(--color-text)}.content-detail-body tr:hover{background:var(--color-bg-alt)}.content-detail-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.content-detail-body code{background:var(--color-bg-alt);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em;font-family:SF Mono,Consolas,monospace}.content-detail-body pre{background:#1e293b;color:#e2e8f0;padding:var(--space-5);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-6) 0}.content-detail-body pre code{background:none;padding:0;color:inherit}.content-detail-body img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-6) 0}.content-detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-6);background:var(--color-bg-alt);border-radius:var(--radius-xl);border:1px solid var(--color-border)}@media(max-width:600px){.content-detail-sidebar{grid-template-columns:1fr;padding:var(--space-4)}}.sidebar-item{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-item-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sidebar-item-value{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.highlights-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.highlights-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.highlights-list li:before{content:"✦";color:var(--color-teal-500);font-size:var(--text-sm);flex-shrink:0}.related-content{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--color-border)}.related-content h3{margin-bottom:var(--space-6)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.pillar-card{position:relative;padding:var(--space-8) var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);text-decoration:none;display:block;overflow:hidden}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-ocean-500),var(--color-teal-400));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.pillar-card:hover:before{transform:scaleX(1)}.pillar-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);display:block}.pillar-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text)}.pillar-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.pillar-count{display:inline-block;margin-top:var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--color-ocean-600)}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-6);padding:var(--space-8) var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;color:var(--color-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.media-section{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.media-section h3{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-5)}.lite-youtube{position:relative;width:100%;padding-bottom:56.25%;background-color:#111;background-size:cover;background-position:center;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:box-shadow var(--transition-normal)}.lite-youtube:hover{box-shadow:0 8px 30px #0003}.lite-youtube-playbtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:.9;transition:opacity var(--transition-fast),transform var(--transition-fast);filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.lite-youtube:hover .lite-youtube-playbtn{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.lite-youtube-active .lite-youtube-playbtn{display:none}.video-caption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;font-style:italic}.map-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-alt);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);border:1px solid var(--color-border);text-decoration:none;transition:all var(--transition-fast);margin-top:var(--space-3)}.map-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.map-link-icon{flex-shrink:0}.guide-faq{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.guide-faq h2{margin-bottom:var(--space-6)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:var(--color-primary)}.faq-question{padding:var(--space-4) var(--space-5);font-weight:600;font-size:var(--text-base);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--color-bg-alt);transition:background-color .2s ease}.faq-question:hover{background:var(--color-surface)}.faq-question:after{content:"▸";font-size:1.1em;transition:transform .2s ease;flex-shrink:0}.faq-item[open] .faq-question:after{transform:rotate(90deg)}.faq-question::-webkit-details-marker{display:none}.faq-answer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);line-height:1.7}.faq-answer p{margin:0;color:var(--color-text-muted)}.guide-howto{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.guide-howto h2{margin-bottom:var(--space-4)}.howto-time{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.howto-steps{list-style:none;counter-reset:howto-step;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.howto-step{counter-increment:howto-step;padding:var(--space-5);background:var(--color-bg-alt);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);position:relative;padding-left:calc(var(--space-5) + 2.5rem)}.howto-step:before{content:counter(howto-step);position:absolute;left:var(--space-4);top:var(--space-5);width:1.75rem;height:1.75rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.howto-step strong{display:block;margin-bottom:var(--space-2);font-size:var(--text-base)}.howto-step p{margin:0;color:var(--color-text-muted);line-height:1.6}