:root{--bg-primary:#f8fafc;--bg-surface:rgba(255,255,255,0.8);--bg-surface-hover:rgba(241,245,249,0.95);--bg-alt:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#ffffff;--brand-primary:#6366f1;--brand-primary-hover:#4f46e5;--brand-light:#eef2ff;--brand-glow:rgba(99,102,241,0.15);--accent-purple:#8b5cf6;--accent-pink:#ec4899;--gradient-brand:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);--gradient-surface:linear-gradient(135deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.5) 100%);--gradient-glow:radial-gradient(circle at top right,rgba(99,102,241,0.12),transparent 60%);--border-color:rgba(226,232,240,0.8);--border-color-hover:rgba(203,213,225,0.9);--success-color:#10b981;--success-light:#ecfdf5;--warning-color:#f59e0b;--warning-light:#fffbeb;--danger-color:#ef4444;--danger-light:#fef2f2;--badge-high-bg:rgba(239,68,68,0.08);--badge-high-text:#ef4444;--badge-med-bg:rgba(245,158,11,0.08);--badge-med-text:#f59e0b;--badge-low-bg:rgba(16,185,129,0.08);--badge-low-text:#10b981;--font-family-base:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extra:800;--glass-backdrop:blur(16px);--glass-border:1px solid rgba(255,255,255,0.4);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.03),0 2px 4px -1px rgba(0,0,0,0.02);--shadow-lg:0 10px 25px -5px rgba(99,102,241,0.05),0 8px 16px -6px rgba(0,0,0,0.02);--shadow-xl:0 20px 40px -15px rgba(99,102,241,0.12),0 15px 25px -10px rgba(0,0,0,0.04);--shadow-glow:0 0 30px 2px rgba(99,102,241,0.15);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:28px;--border-radius-full:9999px;--container-max-width:1200px;--container-narrow-width:800px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.35s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}img,picture,svg,video,iframe{max-width:100%;height:auto;display:block;}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;}body{font-family:var(--font-family-base);font-weight:var(--font-weight-regular);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-normal),color var(--transition-normal);}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;}.skip-to-content-link{position:absolute;top:-100px;left:1rem;background:var(--brand-primary);color:var(--text-inverse);padding:0.75rem 1.25rem;border-radius:var(--border-radius-md);z-index:9999;text-decoration:none;font-weight:var(--font-weight-semibold);transition:top var(--transition-fast);}.skip-to-content-link:focus{top:1rem;}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;}.container-narrow{max-width:var(--container-narrow-width);}.main-wrapper{flex:1 0 auto;}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-0.03em;transition:color var(--transition-normal);}h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:var(--font-weight-extra);}h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1.25rem;}h3{font-size:clamp(1.2rem,3vw,1.45rem);margin-bottom:0.85rem;}h4{font-size:clamp(1.05rem,2vw,1.15rem);margin-bottom:0.6rem;}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;}p{margin-bottom:1.25rem;color:var(--text-secondary);transition:color var(--transition-normal);}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast);}a:hover{color:var(--brand-primary-hover);text-decoration:underline;}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem;color:var(--text-secondary);}li{margin-bottom:0.5rem;}code{font-family:monospace;background-color:var(--bg-alt);padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9em;color:var(--brand-primary);}.section{padding-top:4.5rem;padding-bottom:4.5rem;}.section-alt{background-color:var(--bg-alt);}.section-header{margin-bottom:3rem;}.section-title{font-size:2rem;font-weight:var(--font-weight-bold);}.section-subtitle{font-size:1.125rem;color:var(--text-muted);max-width:650px;margin-left:auto;margin-right:auto;margin-top:0.5rem;}.text-center{text-align:center;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}.mt-1{margin-top:0.25rem;}.mt-2{margin-top:0.5rem;}.mt-3{margin-top:1rem;}.mt-4{margin-top:1.5rem;}.mt-5{margin-top:2.5rem;}.ml-2{margin-left:0.5rem;}.py-5{padding-top:3rem;padding-bottom:3rem;}@media (max-width:768px){h1{font-size:2rem;}h2{font-size:1.5rem;}.section{padding-top:3rem;padding-bottom:3rem;}}.lazy-load{opacity:0;transform:translateY(15px);transition:opacity 0.5s ease-out,transform 0.5s ease-out;}.lazy-load.visible{opacity:1;transform:translateY(0);}@media (prefers-reduced-motion:reduce){.lazy-load{opacity:1;transform:none;transition:none;}}.site-header{position:sticky;top:0;z-index:1000;background-color:var(--bg-surface);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);}.header-inner{display:flex;align-items:center;justify-content:space-between;height:4.5rem;}.logo{display:flex;align-items:center;gap:0.6rem;font-weight:var(--font-weight-bold);font-size:1.35rem;color:var(--text-primary);text-decoration:none;transition:transform var(--transition-fast);}.logo:hover{text-decoration:none;transform:scale(1.02);}.logo-icon{width:1.8rem;height:1.8rem;color:var(--brand-primary);}.logo-img{width:2.25rem;height:2.25rem;border-radius:var(--border-radius-sm);object-fit:cover;transition:transform var(--transition-fast);}.logo:hover .logo-img{transform:rotate(5deg);}.nav-links{display:flex;align-items:center;gap:1.75rem;}.nav-link{color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:0.95rem;text-decoration:none;padding:0.4rem 0;position:relative;transition:color var(--transition-fast);}.nav-link:hover,.nav-link.active{color:var(--brand-primary);text-decoration:none;}.nav-link::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--brand-primary);border-radius:2px;transition:width var(--transition-fast) ease,left var(--transition-fast) ease;}.nav-link:hover::after,.nav-link.active::after{width:100%;left:0;}.header-actions{display:flex;align-items:center;gap:0.75rem;}.theme-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);}.theme-toggle-btn:hover{background:var(--bg-surface-hover);transform:rotate(15deg) scale(1.05);box-shadow:0 0 12px rgba(99,102,241,0.2);}.theme-toggle-btn:active{transform:scale(0.95);}.theme-icon-sun{display:none;}.theme-icon-moon{display:flex;}.mobile-menu-btn{display:none;background:transparent;border:none;cursor:pointer;padding:0.5rem;flex-direction:column;gap:5px;}.menu-line{width:22px;height:2px;background-color:var(--text-primary);border-radius:2px;transition:transform var(--transition-fast);}.hero-section{padding-top:5.5rem;padding-bottom:5.5rem;background:linear-gradient(180deg,var(--bg-alt) 0%,var(--bg-primary) 100%),var(--gradient-glow);background-blend-mode:multiply;border-bottom:1px solid var(--border-color);min-height:480px;position:relative;overflow:hidden;contain:content;}.hero-section::before{content:'';position:absolute;top:-10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,0.15) 0%,transparent 70%);pointer-events:none;z-index:0;}.hero-section::after{content:'';position:absolute;bottom:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(236,72,153,0.08) 0%,transparent 70%);pointer-events:none;z-index:0;}.hero-header{margin-bottom:2.5rem;min-height:120px;position:relative;z-index:1;}.hero-title{font-size:3rem;font-weight:800;max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:1rem;line-height:1.15;}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:700px;margin-left:auto;margin-right:auto;}.generator-card{background:var(--bg-surface);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);border-radius:var(--border-radius-lg);padding:2.25rem;box-shadow:var(--shadow-xl);max-width:960px;width:100%;margin-left:auto;margin-right:auto;position:relative;z-index:1;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);}.generator-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow),var(--shadow-xl);border-color:rgba(99,102,241,0.3);}.generator-form .form-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;width:100%;}.input-wrapper{position:relative;flex:1 1 340px;width:100%;}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center;}.form-input{width:100%;height:3.5rem;padding-left:3.25rem;padding-right:1.25rem;font-size:1.05rem;font-family:inherit;color:var(--text-primary);background-color:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box;}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px rgba(79,70,229,0.12);outline:none;}.platform-select{height:3.5rem;padding:0 1.25rem;font-size:1rem;font-family:inherit;font-weight:var(--font-weight-medium);color:var(--text-primary);background-color:var(--bg-alt);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);}.platform-select:focus{border-color:var(--brand-primary);outline:none;}.autocomplete-container{position:relative;width:100%;}.autocomplete-items{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:99;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-height:220px;overflow-y:auto;}.autocomplete-item{padding:0.75rem 1.25rem;cursor:pointer;font-size:0.95rem;color:var(--text-primary);transition:background-color var(--transition-fast);}.autocomplete-item:hover,.autocomplete-item.active{background-color:var(--brand-light);color:var(--brand-primary);}.platform-select-group{display:flex;background:var(--bg-alt);padding:0.3rem;border-radius:var(--border-radius-md);gap:0.25rem;flex-wrap:wrap;}.platform-radio input[type="radio"]{position:absolute;opacity:0;pointer-events:none;}.radio-badge{display:flex;align-items:center;gap:0.4rem;padding:0.6rem 1rem;font-size:0.9rem;font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;user-select:none;transition:all var(--transition-fast);}.platform-radio input[type="radio"]:checked + .radio-badge{background:var(--bg-surface);color:var(--brand-primary);box-shadow:var(--shadow-sm);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.85rem 1.75rem;height:3.5rem;font-size:1rem;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--transition-fast);}.btn-primary{background:var(--gradient-brand);background-size:200% auto;color:var(--text-inverse);border:none;box-shadow:0 4px 15px rgba(99,102,241,0.3);transition:background-position var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-fast);}.btn-primary:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,0.45);}.btn-primary:active{transform:translateY(0);}.btn-secondary{background-color:var(--bg-surface);border:1.5px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);}.btn-secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary);background-color:var(--brand-light);transform:translateY(-1px);}.btn-secondary:active{transform:translateY(0);}.btn-sm{padding:0.5rem 1.15rem;height:auto;font-size:0.85rem;border-radius:var(--border-radius-sm);}.caption-box-container{background:var(--bg-surface);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);border-radius:var(--border-radius-lg);padding:1.75rem;margin-bottom:2rem;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal);}.caption-box-container:hover{box-shadow:var(--shadow-lg);}.caption-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}.caption-box-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);}.caption-textarea{width:100%;min-height:110px;padding:1.15rem;font-size:0.95rem;font-family:inherit;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);resize:vertical;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);}.caption-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-glow);}.importance-section{margin-top:2rem;}.importance-group{background:var(--bg-surface);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);border-radius:var(--border-radius-lg);padding:1.75rem;margin-bottom:1.75rem;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);}.importance-group:hover{transform:translateY(-2px);border-color:rgba(99,102,241,0.3);box-shadow:var(--shadow-lg);}.importance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;}.importance-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:0.5rem;}.badge-high{background:#fef2f2;color:#b91c1c;}.badge-medium{background:#fffbeb;color:#b45309;}.badge-low{background:#ecfdf5;color:#047857;}.hashtag-pills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0.75rem;}.hashtag-pill{display:flex;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:0.85rem 1.15rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);}.hashtag-pill:hover{transform:translateY(-3px) scale(1.02);border-color:var(--brand-primary);box-shadow:var(--shadow-xl);}.pill-text{font-weight:500;font-size:0.9rem;word-break:break-all;flex:1;}.pill-copy-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0.25rem;border-radius:4px;transition:color var(--transition-fast);display:flex;}.pill-copy-btn:hover{color:var(--brand-primary);}@media (max-width:991px){.mobile-menu-btn{display:flex;}.nav-links{display:none;position:absolute;top:4.25rem;left:0;right:0;flex-direction:column;align-items:stretch;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:1.5rem;gap:1.25rem;box-shadow:var(--shadow-lg);z-index:999;}.nav-links.open{display:flex;}.nav-link{font-size:1.05rem;padding:0.5rem 0;border-bottom:1px solid var(--border-color);}.nav-link:last-child{border-bottom:none;}.nav-link.active::after{bottom:0;height:3px;}.generator-form .form-row{flex-direction:column;}.input-wrapper,.btn-generate,.platform-select{width:100%;}.generator-card{padding:1.25rem;}}@media (max-width:600px){.hashtag-pills-grid{grid-template-columns:1fr;}.hashtag-pill{padding:0.85rem 1rem;}}.breadcrumb-nav{margin-bottom:1.5rem;}.breadcrumb-list{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-bottom:0;font-size:0.875rem;font-weight:var(--font-weight-medium);color:var(--text-muted);}.breadcrumb-list li{display:flex;align-items:center;margin-bottom:0;}.breadcrumb-list li:not(:last-child)::after{content:"/";margin-left:0.5rem;margin-right:0.5rem;color:var(--text-muted);font-size:0.8rem;}.breadcrumb-list a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast);}.breadcrumb-list a:hover{color:var(--brand-primary);text-decoration:none;}.breadcrumb-list li[aria-current="page"]{color:var(--text-secondary);font-weight:var(--font-weight-semibold);}.nav-dropdown{position:relative;display:inline-block;}.nav-dropdown-btn{background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:0.95rem;font-weight:var(--font-weight-medium);padding:0.5rem 0;cursor:pointer;display:flex;align-items:center;gap:0.25rem;transition:color var(--transition-fast);}.nav-dropdown-btn:hover{color:var(--brand-primary);}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:0.75rem 0;min-width:220px;z-index:1100;animation:dropdownFade 0.2s ease;}@keyframes dropdownFade{from{opacity:0;transform:translate(-50%,8px);}to{opacity:1;transform:translate(-50%,0);}}.nav-dropdown-menu a{display:block;padding:0.5rem 1.25rem;color:var(--text-secondary);font-size:0.9rem;text-decoration:none;transition:all var(--transition-fast);text-align:left;}.nav-dropdown-menu a:hover{background-color:var(--brand-light);color:var(--brand-primary);}.nav-dropdown:hover .nav-dropdown-menu{display:block;}.nav-dropdown-menu.mega-menu{width:820px;max-width:90vw;padding:1.5rem;box-sizing:border-box;}.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}.mega-menu-col{display:flex;flex-direction:column;gap:0.5rem;text-align:left;}.mega-menu-title{font-weight:700;font-size:0.8rem;text-transform:uppercase;color:var(--text-primary);margin-bottom:0.35rem;border-bottom:1px solid var(--border-color);padding-bottom:0.25rem;}.mega-menu-col a{padding:0.25rem 0;font-size:0.85rem;color:var(--text-secondary);}.mega-menu-col a:hover{background-color:transparent;color:var(--brand-primary);text-decoration:underline;}@media (max-width:991px){.nav-dropdown{width:100%;text-align:left;}.nav-dropdown-btn{width:100%;justify-content:space-between;padding:0.75rem 0;border-bottom:1px solid var(--border-color);}.nav-dropdown-menu{position:static;transform:none;box-shadow:none;border:none;padding-left:1rem;animation:none;min-width:100%;}.nav-dropdown:hover .nav-dropdown-menu{display:block;}.nav-dropdown-menu.mega-menu{width:100%;max-width:100%;padding:0.5rem 0 0.5rem 1rem;}.mega-menu-grid{grid-template-columns:1fr;gap:1.25rem;}}.site-footer{background-color:#0f172a !important;color:#94a3b8 !important;padding-top:4rem;padding-bottom:2.5rem;font-family:inherit;margin-top:4rem;}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:2rem;margin-bottom:3rem;}.footer-col .footer-title{color:#f8fafc !important;font-weight:700;font-size:0.95rem;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:0.05em;}.footer-col .brand-desc{font-size:0.88rem;color:#94a3b8 !important;line-height:1.6;margin-top:0.75rem;}.footer-col .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.6rem;}.footer-col .footer-links a{color:#cbd5e1 !important;font-size:0.88rem;text-decoration:none;transition:color var(--transition-fast);}.footer-col .footer-links a:hover{color:#38bdf8 !important;text-decoration:underline;}.footer-bottom{border-top:1px solid #1e293b;padding-top:1.75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:0.85rem;color:#64748b !important;}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr;}}.cookie-consent-banner{position:fixed;bottom:-120px;left:0;right:0;background-color:#0f172a;color:#f8fafc;padding:1rem 1.5rem;box-shadow:0 -4px 20px rgba(0,0,0,0.25);z-index:99999;transition:bottom 0.4s ease,opacity 0.4s ease;opacity:0;pointer-events:none;}.cookie-consent-banner.show{bottom:0;opacity:1;pointer-events:auto;}.cookie-banner-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}.cookie-text{margin:0;font-size:0.9rem;color:#cbd5e1;}.cookie-text a{color:#38bdf8;text-decoration:underline;}.cookie-actions{display:flex;align-items:center;gap:0.75rem;}.form-input::placeholder{color:#94a3b8 !important;opacity:0.85 !important;font-style:italic !important;font-weight:400 !important;}.hero-badge-pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.95rem;border-radius:9999px;background:var(--brand-light);color:var(--brand-primary);font-size:0.85rem;font-weight:700;margin-bottom:1rem;border:1px solid rgba(79,70,229,0.2);}.generator-suggestions{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;gap:0.75rem;}.suggestions-label{font-size:0.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;}.suggestions-list,.keyword-chips-container{display:flex;flex-wrap:wrap;justify-content:center;gap:0.65rem;}.btn-suggestion,.keyword-chip{display:inline-flex;align-items:center;justify-content:center;padding:0.55rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-primary);font-family:var(--font-family-base);font-size:0.88rem;font-weight:600;cursor:pointer;outline:none;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,0.04);-webkit-appearance:none;appearance:none;}.btn-suggestion:hover,.btn-suggestion:focus,.keyword-chip:hover,.keyword-chip:focus{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-light);transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,0.18);}.btn-suggestion:active,.keyword-chip:active{transform:translateY(0);}.cookie-consent-banner{position:fixed !important;bottom:24px !important;right:24px !important;max-width:400px !important;width:calc(100vw - 48px) !important;background-color:#0f172a !important;color:#f8fafc !important;padding:1.25rem 1.5rem !important;border-radius:14px !important;box-shadow:0 12px 36px rgba(0,0,0,0.4) !important;border:1px solid #334155 !important;z-index:999999 !important;display:none;font-family:inherit;}.cookie-consent-banner.show{display:flex !important;flex-direction:column !important;gap:1rem !important;animation:cookieSlideUp 0.3s ease-out;}@keyframes cookieSlideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.cookie-banner-inner{display:flex !important;flex-direction:column !important;gap:1rem !important;width:100% !important;}.cookie-text{margin:0 !important;font-size:0.88rem !important;color:#cbd5e1 !important;line-height:1.5 !important;}.cookie-text a{color:#38bdf8 !important;text-decoration:underline !important;}.cookie-actions{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:0.75rem !important;}.hero-badge-pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.9rem;border-radius:9999px;background:var(--brand-light);color:var(--brand-primary);font-size:0.85rem;font-weight:700;margin-bottom:1rem;border:1px solid rgba(79,70,229,0.2);}.keyword-chips-container{display:flex;flex-wrap:wrap;justify-content:center;gap:0.65rem;margin-top:1.25rem;}.keyword-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.5rem 0.95rem;background-color:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:9999px;color:var(--text-primary);font-size:0.88rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;box-shadow:var(--shadow-sm);}.keyword-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 4px 14px rgba(79,70,229,0.15);}.keyword-chip svg{color:var(--brand-primary);}.stats-section{padding:3rem 0;background:var(--bg-alt);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;text-align:center;}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);padding:1.5rem 1rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);}.stat-card:hover{transform:translateY(-3px);}.stat-card-value{font-size:2.25rem;font-weight:800;color:var(--brand-primary);line-height:1.1;margin-bottom:0.35rem;}.stat-card-label{font-size:0.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.04em;}.skeleton-loader{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;}.skeleton-pill{height:48px;background:linear-gradient(90deg,var(--bg-alt) 25%,var(--border-color) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite;border-radius:8px;}@keyframes skeletonPulse{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.nunu-bento-section{position:relative;padding:6rem 0 7rem;background:var(--bg-alt);color:var(--text-primary);overflow:hidden;border-top:1px solid var(--border-color);transition:background-color var(--transition-normal),color var(--transition-normal);}.nunu-mesh-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle at 20% 20%,rgba(79,70,229,0.12) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(99,102,241,0.08) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(56,189,248,0.05) 0%,transparent 50%);filter:blur(80px);pointer-events:none;z-index:0;animation:meshPulse 12s ease-in-out infinite alternate;}@keyframes meshPulse{0%{transform:translate(-50%,-50%) scale(1);}100%{transform:translate(-50%,-50%) scale(1.08);}}.nunu-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(260px,auto);gap:1.5rem;}.nunu-card{position:relative;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:24px;padding:2.25rem 2rem;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.4s ease,box-shadow 0.4s ease,background-color 0.3s ease;}.nunu-card.col-span-2{grid-column:span 2;}.nunu-card.row-span-2{grid-row:span 2;}@media (hover:hover){.nunu-card:hover{transform:translateY(-6px) scale(1.008);border-color:var(--brand-primary);box-shadow:0 20px 45px rgba(79,70,229,0.15);}.nunu-card:hover .nunu-icon{transform:scale(1.15) rotate(6deg);color:var(--brand-primary);}}.nunu-glow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 0.35s ease;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(79,70,229,0.14),transparent 40%);z-index:0;}.nunu-card:hover .nunu-glow{opacity:1;}.nunu-card-body{position:relative;z-index:1;}.nunu-icon-box{width:54px;height:54px;border-radius:16px;background:var(--brand-light);border:1px solid rgba(79,70,229,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--brand-primary);transition:transform 0.35s ease,color 0.35s ease;}.nunu-tag{display:inline-block;font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:var(--brand-primary);margin-bottom:0.6rem;}.nunu-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:0.75rem;line-height:1.3;letter-spacing:-0.01em;}.nunu-desc{font-size:0.95rem;color:var(--text-secondary);line-height:1.6;margin:0;}.nunu-preview-box{position:relative;z-index:1;margin-top:1.5rem;padding:1rem;border-radius:14px;background:var(--bg-alt);border:1px solid var(--border-color);}.nunu-pill-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;border-radius:8px;background:var(--brand-light);border:1px solid rgba(79,70,229,0.2);color:var(--brand-primary);font-size:0.82rem;font-weight:600;margin-right:0.4rem;margin-bottom:0.4rem;}.nunu-platform-chips{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem;}.nunu-platform-chip{padding:0.4rem 0.8rem;border-radius:8px;background:var(--bg-alt);border:1px solid var(--border-color);color:var(--text-secondary);font-size:0.82rem;font-weight:600;}html[data-theme="dark"] .nunu-bento-section{background:#090d16;}html[data-theme="dark"] .nunu-card{background:rgba(15,23,42,0.8);border-color:rgba(255,255,255,0.09);}html[data-theme="dark"] .nunu-preview-box{background:rgba(15,23,42,0.95);border-color:rgba(255,255,255,0.08);}html[data-theme="dark"] .nunu-platform-chip{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);color:#cbd5e1;}@media (max-width:992px){.nunu-grid{grid-template-columns:repeat(2,1fr);}.nunu-card.col-span-2{grid-column:span 2;}.nunu-card.row-span-2{grid-row:span 1;}}@media (max-width:640px){.nunu-grid{grid-template-columns:1fr;}.nunu-card.col-span-2{grid-column:span 1;}.nunu-card{padding:1.75rem 1.35rem;}}@media (prefers-reduced-motion:reduce){.nunu-card,.nunu-icon-box{transition:none !important;transform:none !important;}.nunu-mesh-bg{animation:none !important;}}.bento-section{position:relative;padding:5rem 0 6rem;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-alt) 100%);border-top:1px solid var(--border-color);overflow:hidden;}.bento-bg-mesh{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;height:600px;background:radial-gradient(circle,rgba(79,70,229,0.08) 0%,rgba(99,102,241,0.03) 40%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;}.bento-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.bento-card{position:relative;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:22px;padding:2rem 1.75rem;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),border-color 0.35s ease,box-shadow 0.35s ease;}.bento-card.span-2{grid-column:span 2;}@media (hover:hover){.bento-card:hover{transform:translateY(-5px) scale(1.008);border-color:rgba(79,70,229,0.4);box-shadow:0 16px 36px rgba(79,70,229,0.12);}.bento-card:hover .bento-icon-wrapper{transform:scale(1.1) rotate(4deg);}}.bento-glow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 0.3s ease;background:radial-gradient(550px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(79,70,229,0.12),transparent 45%);z-index:0;}.bento-card:hover .bento-glow{opacity:1;}.bento-card-content{position:relative;z-index:1;}.bento-icon-wrapper{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--brand-light),rgba(99,102,241,0.15));display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--brand-primary);transition:transform 0.35s ease;}.bento-card-tag{display:inline-block;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--brand-primary);margin-bottom:0.5rem;}.bento-card-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:0.75rem;line-height:1.3;}.bento-card-desc{font-size:0.95rem;color:var(--text-secondary);line-height:1.6;margin:0;}.bento-pills-row{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1.25rem;}.bento-pill{font-size:0.78rem;font-weight:600;padding:0.3rem 0.7rem;border-radius:6px;background:var(--bg-alt);color:var(--text-secondary);border:1px solid var(--border-color);}@media (max-width:992px){.bento-grid{grid-template-columns:repeat(2,1fr);}.bento-card.span-2{grid-column:span 2;}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr;}.bento-card.span-2{grid-column:span 1;}.bento-card{padding:1.5rem 1.25rem;}}@media (prefers-reduced-motion:reduce){.bento-card,.bento-icon-wrapper{transition:none !important;transform:none !important;}}.tabs-header-wrapper{background:var(--bg-surface);border:1px solid var(--border-color);padding:0.4rem;display:flex;flex-wrap:wrap;gap:0.35rem;border-radius:14px;box-shadow:var(--shadow-sm);margin-bottom:2rem;}.btn-tab,.tab-trigger{flex:1 1 auto;text-align:center;padding:0.65rem 1.25rem;background:transparent;border:none;border-radius:10px;color:var(--text-secondary) !important;font-family:var(--font-family-base);font-size:0.9rem;font-weight:600;cursor:pointer;outline:none;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);-webkit-appearance:none;appearance:none;text-decoration:none;}.btn-tab:hover,.tab-trigger:hover{color:var(--brand-primary) !important;background:var(--brand-light);}.btn-tab.active,.tab-trigger.active,.btn-tab[aria-selected="true"],.tab-trigger[aria-selected="true"]{color:var(--text-inverse) !important;background:var(--brand-primary) !important;box-shadow:0 4px 12px rgba(99,102,241,0.25);}html[data-theme="dark"] .btn-tab.active,html[data-theme="dark"] .tab-trigger.active,html[data-theme="dark"] .btn-tab[aria-selected="true"],html[data-theme="dark"] .tab-trigger[aria-selected="true"]{color:#ffffff !important;background:var(--brand-primary) !important;}.btn-platform-pill{padding:0.4rem 0.85rem;font-size:0.82rem;font-weight:600;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;}.btn-platform-pill:hover{background:var(--bg-hover);color:var(--text-primary);}.btn-platform-pill.active{background:var(--brand-primary);color:#ffffff !important;border-color:var(--brand-primary);box-shadow:0 2px 8px rgba(79,70,229,0.3);}html[data-theme="dark"]{--bg-primary:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--bg-alt:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--brand-primary:#6366f1;--brand-primary-hover:#4f46e5;--brand-light:rgba(99,102,241,0.15);--border-color:#334155;--border-color-hover:#475569;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.6);--badge-high-bg:rgba(239,68,68,0.15);--badge-high-text:#fca5a5;--badge-med-bg:rgba(245,158,11,0.15);--badge-med-text:#fcd34d;--badge-low-bg:rgba(16,185,129,0.15);--badge-low-text:#6ee7b7;}html[data-theme="dark"] .site-header{background-color:rgba(15,23,42,0.92);}html[data-theme="dark"] .theme-icon-sun{display:flex;}html[data-theme="dark"] .theme-icon-moon{display:none;}html[data-theme="dark"] .hero-section{background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);}html[data-theme="dark"] .section-alt{background-color:#0b1120;}html[data-theme="dark"] .blog-cta-widget{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.3);}html[data-theme="dark"] .adsense-placeholder{background-color:#1e293b;border-color:#334155;}