:root{--primary: #833AB4;--secondary: #E1306C;--accent: #F77737;--gradient: linear-gradient(135deg,#833AB4,#E1306C,#F77737);--gradient-reverse: linear-gradient(135deg,#F77737,#E1306C,#833AB4);--dark: #0a0a0a;--dark-2: #111111;--dark-3: #1a1a1a;--dark-4: #222222;--text: #f0f0f0;--text-muted: #999999;--border: #2a2a2a;--white: #ffffff;--success: #00c853;--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(131,58,180,0.15);--shadow-lg: 0 8px 40px rgba(131,58,180,0.25)}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth}body{font-family: 'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;background: var(--dark);color: var(--text);line-height: 1.6;min-height: 100vh}a{color: inherit;text-decoration: none}img{max-width: 100%;height: auto;display: block}.container{max-width: 1200px;margin: 0 auto;padding: 0 20px}.text-center{text-align: center}.mt-1{margin-top: 8px}.mt-2{margin-top: 16px}.mt-3{margin-top: 24px}.mt-4{margin-top: 32px}.mt-5{margin-top: 48px}.mb-2{margin-bottom: 16px}.mb-3{margin-bottom: 24px}.grid-2{display: grid;grid-template-columns: 1fr 1fr;gap: 24px}.grid-3{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}.grid-4{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.gradient-text{background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.btn{display: inline-flex;align-items: center;gap: 8px;padding: 12px 28px;border-radius: var(--radius);font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;border: none;text-decoration: none}.btn-primary{background: var(--gradient);color: white;box-shadow: var(--shadow)}.btn-primary:hover{opacity: 0.9;transform: translateY(-2px);box-shadow: var(--shadow-lg)}.btn-outline{background: transparent;color: var(--text);border: 1px solid var(--border)}.btn-outline:hover{border-color: var(--secondary);color: var(--secondary)}.btn-lg{padding: 16px 36px;font-size: 17px;border-radius: 14px}.header{position: sticky;top: 0;z-index: 1000;background: rgba(10,10,10,0.95);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border)}.header-inner{display: flex;align-items: center;justify-content: space-between;padding: 16px 0}.logo{display: flex;align-items: center;gap: 10px;font-size: 22px;font-weight: 800;letter-spacing: -0.5px}.logo-icon{width: 36px;height: 36px;background: var(--gradient);border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 18px}.logo span{background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.nav{display: flex;align-items: center;gap: 8px}.nav a{padding: 8px 16px;border-radius: 8px;font-size: 14px;font-weight: 500;color: var(--text-muted);transition: all 0.2s}.nav a:hover,.nav a.active{color: var(--text);background: var(--dark-3)}.nav-cta{background: var(--gradient) !important;color: white !important;padding: 8px 20px !important;border-radius: 8px}.menu-toggle{display: none;cursor: pointer;background: none;border: none;color: var(--text);font-size: 22px}.hero{padding: 80px 0 60px;text-align: center;position: relative;overflow: hidden}.hero::before{content: '';position: absolute;top: -50%;left: 50%;transform: translateX(-50%);width: 600px;height: 600px;background: radial-gradient(circle,rgba(131,58,180,0.12) 0%,transparent 70%);pointer-events: none}.hero-badge{display: inline-flex;align-items: center;gap: 6px;background: rgba(131,58,180,0.15);border: 1px solid rgba(131,58,180,0.3);color: #c084fc;padding: 6px 16px;border-radius: 100px;font-size: 13px;font-weight: 600;margin-bottom: 24px}.hero h1{font-size: clamp(36px,6vw,64px);font-weight: 800;line-height: 1.15;letter-spacing: -1.5px;margin-bottom: 20px}.hero p{font-size: 18px;color: var(--text-muted);max-width: 600px;margin: 0 auto 40px;line-height: 1.7}.search-wrap{max-width: 640px;margin: 0 auto;position: relative}.search-box{display: flex;gap: 0;background: var(--dark-3);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;transition: border-color 0.3s;box-shadow: var(--shadow)}.search-box:focus-within{border-color: var(--primary)}.search-icon{width: 56px;display: flex;align-items: center;justify-content: center;color: var(--text-muted);font-size: 18px;flex-shrink: 0}.search-input{flex: 1;background: none;border: none;outline: none;color: var(--text);font-size: 16px;padding: 18px 0}.search-input::placeholder{color: var(--text-muted)}.search-btn{background: var(--gradient);border: none;color: white;font-size: 15px;font-weight: 700;padding: 0 28px;cursor: pointer;transition: opacity 0.2s;white-space: nowrap}.search-btn:hover{opacity: 0.9}.search-hint{margin-top: 12px;font-size: 13px;color: var(--text-muted)}.search-hint span{color: var(--secondary)}.stats-bar{display: flex;align-items: center;justify-content: center;gap: 48px;padding: 32px 0;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);margin-top: 60px}.stat{text-align: center}.stat-num{font-size: 28px;font-weight: 800}.stat-num.gradient-text{font-size: 28px}.stat-label{font-size: 13px;color: var(--text-muted);margin-top: 2px}.section{padding: 80px 0}.section-sm{padding: 48px 0}.section-label{display: inline-block;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;color: var(--secondary);margin-bottom: 12px}.section-title{font-size: clamp(28px,4vw,42px);font-weight: 800;letter-spacing: -1px;line-height: 1.2;margin-bottom: 16px}.section-desc{font-size: 17px;color: var(--text-muted);max-width: 560px;line-height: 1.7}.section-desc.centered{margin: 0 auto}.tool-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 20px;margin-top: 48px}.tool-card{background: var(--dark-2);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 28px;transition: all 0.3s ease;display: flex;flex-direction: column;gap: 14px}.tool-card:hover{border-color: rgba(131,58,180,0.4);transform: translateY(-4px);box-shadow: var(--shadow-lg)}.tool-icon{width: 52px;height: 52px;background: var(--gradient);border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 24px;flex-shrink: 0}.tool-card h3{font-size: 18px;font-weight: 700}.tool-card p{font-size: 14px;color: var(--text-muted);line-height: 1.6}.tool-card a.card-link{display: inline-flex;align-items: center;gap: 6px;font-size: 14px;font-weight: 600;color: var(--secondary);margin-top: auto}.tool-card a.card-link:hover{gap: 10px}.feature-list{display: flex;flex-direction: column;gap: 16px;margin-top: 40px}.feature-item{display: flex;gap: 16px;background: var(--dark-2);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px;transition: border-color 0.3s}.feature-item:hover{border-color: rgba(131,58,180,0.3)}.feature-icon{width: 44px;height: 44px;background: rgba(131,58,180,0.15);border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 20px;flex-shrink: 0}.feature-body h4{font-size: 16px;font-weight: 700;margin-bottom: 4px}.feature-body p{font-size: 14px;color: var(--text-muted)}.steps{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 24px;margin-top: 48px}.step{text-align: center;padding: 32px 20px;background: var(--dark-2);border: 1px solid var(--border);border-radius: var(--radius-lg);position: relative}.step-num{width: 48px;height: 48px;background: var(--gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 800;margin: 0 auto 16px}.step h3{font-size: 17px;font-weight: 700;margin-bottom: 8px}.step p{font-size: 14px;color: var(--text-muted)}.faq{max-width: 760px;margin: 0 auto;margin-top: 48px}.faq-item{border: 1px solid var(--border);border-radius: var(--radius);margin-bottom: 12px;overflow: hidden}.faq-q{padding: 20px 24px;font-size: 16px;font-weight: 600;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 16px;background: var(--dark-2);transition: background 0.2s}.faq-q:hover{background: var(--dark-3)}.faq-icon{color: var(--secondary);font-size: 20px;flex-shrink: 0;transition: transform 0.3s}.faq-item.open .faq-icon{transform: rotate(45deg)}.faq-a{max-height: 0;overflow: hidden;transition: max-height 0.3s ease,padding 0.3s;background: var(--dark-3);font-size: 15px;color: var(--text-muted);line-height: 1.7}.faq-item.open .faq-a{max-height: 300px;padding: 20px 24px}.breadcrumb{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--text-muted);padding: 16px 0}.breadcrumb a{color: var(--text-muted)}.breadcrumb a:hover{color: var(--secondary)}.breadcrumb-sep{color: var(--border)}.breadcrumb span{color: var(--text)}.page-hero{padding: 60px 0 48px;border-bottom: 1px solid var(--border);margin-bottom: 64px}.page-hero h1{font-size: clamp(30px,5vw,52px);font-weight: 800;letter-spacing: -1px;margin-bottom: 14px}.page-hero p{font-size: 17px;color: var(--text-muted);max-width: 600px;line-height: 1.7}.tool-box{background: var(--dark-2);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 40px;margin-bottom: 48px}.tool-box-title{font-size: 20px;font-weight: 700;margin-bottom: 6px}.tool-box-desc{font-size: 14px;color: var(--text-muted);margin-bottom: 24px}.result-area{background: var(--dark-3);border: 1px dashed var(--border);border-radius: var(--radius);padding: 48px;text-align: center;color: var(--text-muted);margin-top: 24px}.result-icon{font-size: 48px;margin-bottom: 12px}.result-text{font-size: 16px}.content-block{max-width: 820px}.content-block h2{font-size: 26px;font-weight: 800;margin: 40px 0 14px;letter-spacing: -0.5px}.content-block h3{font-size: 20px;font-weight: 700;margin: 28px 0 10px}.content-block p{font-size: 16px;color: var(--text-muted);line-height: 1.8;margin-bottom: 16px}.content-block ul{list-style: none;padding: 0}.content-block ul li{font-size: 15px;color: var(--text-muted);line-height: 1.7;padding: 4px 0 4px 24px;position: relative}.content-block ul li::before{content: '→';position: absolute;left: 0;color: var(--secondary)}.cta-banner{background: var(--gradient);border-radius: var(--radius-lg);padding: 60px 40px;text-align: center;position: relative;overflow: hidden}.cta-banner::before{content: '';position: absolute;inset: 0;background: rgba(0,0,0,0.2);pointer-events: none}.cta-banner *{position: relative}.cta-banner h2{font-size: 32px;font-weight: 800;color: white;margin-bottom: 12px}.cta-banner p{font-size: 16px;color: rgba(255,255,255,0.85);margin-bottom: 28px}.btn-white{background: white;color: var(--primary);font-weight: 700}.btn-white:hover{opacity: 0.95;transform: translateY(-2px)}.footer{background: var(--dark-2);border-top: 1px solid var(--border);padding: 64px 0 32px;margin-top: 80px}.footer-top{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 48px;margin-bottom: 48px}.footer-brand p{font-size: 14px;color: var(--text-muted);line-height: 1.7;margin-top: 14px;max-width: 280px}.footer-col h4{font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 16px;color: var(--text)}.footer-col a{display: block;font-size: 14px;color: var(--text-muted);padding: 4px 0;transition: color 0.2s}.footer-col a:hover{color: var(--secondary)}.footer-bottom{display: flex;align-items: center;justify-content: space-between;padding-top: 32px;border-top: 1px solid var(--border);font-size: 13px;color: var(--text-muted)}.footer-bottom-links{display: flex;gap: 20px}.footer-bottom-links a{color: var(--text-muted)}.footer-bottom-links a:hover{color: var(--text)}.toast{position: fixed;bottom: 24px;right: 24px;background: var(--dark-3);border: 1px solid var(--border);border-radius: var(--radius);padding: 14px 20px;font-size: 14px;font-weight: 500;display: flex;align-items: center;gap: 10px;z-index: 9999;transform: translateY(80px);opacity: 0;transition: all 0.3s ease}.toast.show{transform: translateY(0);opacity: 1}.toast-icon{font-size: 18px}.comparison-table{width: 100%;border-collapse: collapse;margin-top: 32px}.comparison-table th{background: var(--dark-3);padding: 14px 20px;text-align: left;font-size: 14px;font-weight: 700;border-bottom: 1px solid var(--border)}.comparison-table td{padding: 14px 20px;font-size: 14px;border-bottom: 1px solid var(--border);color: var(--text-muted)}.comparison-table tr:hover td{background: var(--dark-2)}.check{color: var(--success);font-size: 18px}.cross{color: #ff4444;font-size: 18px}.spinner{width: 32px;height: 32px;border: 3px solid var(--border);border-top-color: var(--secondary);border-radius: 50%;animation: spin 0.8s linear infinite;margin: 0 auto}@keyframes spin{to{transform: rotate(360deg)}}@media (max-width: 960px){.footer-top{grid-template-columns: 1fr 1fr;gap: 32px}.grid-4{grid-template-columns: repeat(2,1fr)}.stats-bar{gap: 24px}}@media (max-width: 768px){.nav{display: none;position: absolute;top: 100%;left: 0;right: 0;background: var(--dark);flex-direction: column;padding: 16px 20px;border-bottom: 1px solid var(--border)}.nav.open{display: flex}.menu-toggle{display: block}.grid-2,.grid-3{grid-template-columns: 1fr}.stats-bar{flex-wrap: wrap;gap: 20px}.stat{min-width: 120px}.footer-top{grid-template-columns: 1fr}.footer-bottom{flex-direction: column;gap: 12px;text-align: center}.tool-box{padding: 24px}.cta-banner{padding: 40px 24px}.hero{padding: 50px 0 40px}.section{padding: 52px 0}}@media (max-width: 500px){.search-box{flex-wrap: wrap;border-radius: var(--radius)}.search-btn{width: 100%;padding: 14px;border-radius: 0 0 var(--radius) var(--radius)}.hero h1{font-size: 30px;letter-spacing: -0.5px}}.profile-card{display: flex;gap: 24px;align-items: center;background: var(--dark-2);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 28px;flex-wrap: wrap}.profile-avatar-wrap{flex-shrink: 0}.profile-avatar{width: 96px;height: 96px;border-radius: 50%;object-fit: cover;border: 3px solid transparent;background-clip: padding-box;box-shadow: 0 0 0 3px var(--primary)}.profile-details{flex: 1;min-width: 180px}.profile-username{font-size: 20px;font-weight: 800;margin-bottom: 4px}.profile-name{font-size: 14px;color: var(--text-muted);margin-bottom: 10px}.profile-stats{display: flex;gap: 24px;margin-bottom: 12px;flex-wrap: wrap}.pstat{text-align: center}.pstat-n{display: block;font-size: 18px;font-weight: 800}.pstat-l{display: block;font-size: 11px;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px}.profile-bio{font-size: 14px;color: var(--text-muted);line-height: 1.6;margin-bottom: 8px}.profile-link{font-size: 13px;color: var(--secondary);word-break: break-all}.ig-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 10px}.ig-post-card{position: relative;border-radius: 10px;overflow: hidden}.ig-post-thumb{position: relative;aspect-ratio: 1;overflow: hidden;border-radius: 10px;background: var(--dark-3)}.ig-post-thumb img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s}.ig-post-card:hover .ig-post-thumb img{transform: scale(1.04)}.ig-post-type{position: absolute;top: 8px;right: 8px;font-size: 16px;filter: drop-shadow(0 1px 3px rgba(0,0,0,.8))}.ig-post-overlay{position: absolute;inset: 0;background: rgba(0,0,0,0.55);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;opacity: 0;transition: opacity 0.25s;border-radius: 10px}.ig-post-card:hover .ig-post-overlay{opacity: 1}.ig-post-stats{font-size: 13px;color: #fff;text-shadow: 0 1px 3px rgba(0,0,0,.8)}.btn-dl{background: var(--gradient);color: white;border: none;border-radius: 8px;padding: 8px 16px;font-size: 13px;font-weight: 700;cursor: pointer;text-decoration: none;display: inline-block}.btn-dl:hover{opacity: 0.9}.tt-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 12px}.tt-video-card{}.tt-thumb-wrap{position: relative;aspect-ratio: 9/16;border-radius: 10px;overflow: hidden;background: var(--dark-3)}.tt-thumb-wrap img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s}.tt-video-card:hover .tt-thumb-wrap img{transform: scale(1.04)}.tt-play-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 32px;color: rgba(255,255,255,0.9);text-shadow: 0 2px 8px rgba(0,0,0,.7);pointer-events: none}.tt-thumb-wrap:hover .tt-play-icon{opacity: 0}.tt-thumb-wrap .ig-post-overlay{border-radius: 10px}.tt-thumb-wrap:hover .ig-post-overlay{opacity: 1}.tt-desc{font-size: 12px;color: var(--text-muted);margin-top: 6px;line-height: 1.4}@media (max-width: 600px){.ig-grid{grid-template-columns: repeat(3,1fr);gap: 4px}.tt-grid{grid-template-columns: repeat(3,1fr);gap: 6px}.profile-avatar{width: 72px;height: 72px}}.nav-drop{position: relative}.nav-drop-btn{display: flex;align-items: center;gap: 5px;padding: 8px 16px;border-radius: 8px;font-size: 14px;font-weight: 600;color: var(--text);background: none;border: none;cursor: pointer;transition: all 0.2s}.nav-drop-btn:hover,.nav-drop.open .nav-drop-btn{background: var(--dark-3);color: var(--text)}.drop-arrow{font-size: 11px;transition: transform 0.2s}.nav-drop.open .drop-arrow{transform: rotate(180deg)}.nav-drop-menu{position: absolute;top: calc(100% + 8px);left: 0;min-width: 220px;background: var(--dark-2);border: 1px solid var(--border);border-radius: var(--radius);padding: 8px;opacity: 0;visibility: hidden;transform: translateY(-6px);transition: all 0.2s ease;z-index: 2000;box-shadow: 0 8px 32px rgba(0,0,0,0.4)}.nav-drop.open .nav-drop-menu{opacity: 1;visibility: visible;transform: translateY(0)}.nav-drop-menu a{display: flex;align-items: center;gap: 10px;padding: 10px 14px;border-radius: 8px;font-size: 14px;font-weight: 500;color: var(--text-muted);transition: all 0.15s}.nav-drop-menu a:hover{background: var(--dark-3);color: var(--text)}.nav-drop-menu .drop-divider{height: 1px;background: var(--border);margin: 6px 0}.nav-tiktok-btn{background: linear-gradient(135deg,rgba(105,201,208,0.15),rgba(238,29,82,0.15)) !important;border: 1px solid rgba(105,201,208,0.25) !important;color: #69c9d0 !important}.nav-tiktok-btn:hover{opacity: 0.9}.nav-about-link{padding: 8px 14px;border-radius: 8px;font-size: 14px;font-weight: 500;color: var(--text-muted);transition: all 0.2s}.nav-about-link:hover{color: var(--text);background: var(--dark-3)}@media (max-width: 768px){.nav-drop-menu{position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;border: none;background: var(--dark-3);display: none;padding: 4px 0 4px 16px}.nav-drop.open .nav-drop-menu{display: block}.nav-drop-btn{width: 100%}}.nav-mega{position: static}.nav-mega-btn{display: flex;align-items: center;gap: 6px;padding: 9px 18px;border-radius: 9px;font-size: 14px;font-weight: 700;color: var(--text);background: none;border: none;cursor: pointer;transition: all 0.2s;white-space: nowrap}.nav-mega-btn:hover,.nav-mega.open .nav-mega-btn{background: var(--dark-3)}.drop-arrow2{font-size: 10px;opacity: 0.6;transition: transform 0.25s}.nav-mega.open .drop-arrow2{transform: rotate(180deg)}.mega-panel{position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(-4px);width: 520px;background: var(--dark-2);border: 1px solid var(--border);border-top: 3px solid var(--primary);border-radius: 0 0 var(--radius-lg) var(--radius-lg);padding: 20px;opacity: 0;visibility: hidden;transition: all 0.22s ease;z-index: 3000;box-shadow: 0 16px 48px rgba(0,0,0,0.5)}.nav-mega.open .mega-panel{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0)}.mega-panel-sm{width: 280px}.mega-title{font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;color: var(--text-muted);margin-bottom: 10px;padding-bottom: 8px;border-bottom: 1px solid var(--border)}.mega-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 6px}.mega-link{display: flex;align-items: center;gap: 10px;padding: 10px 12px;border-radius: 9px;font-size: 13px;font-weight: 500;color: var(--text-muted);transition: all 0.15s;text-decoration: none}.mega-link:hover{background: var(--dark-3);color: var(--text)}.mega-link .ml-icon{width: 34px;height: 34px;border-radius: 9px;background: var(--dark-4);display: flex;align-items: center;justify-content: center;font-size: 17px;flex-shrink: 0;transition: background 0.15s}.mega-link:hover .ml-icon{background: rgba(131,58,180,0.2)}.mega-link strong{display: block;font-weight: 600;color: var(--text);font-size: 13px}.mega-link span{display: block;font-size: 11px;color: var(--text-muted);margin-top: 1px}.btn-ig-mega{background: linear-gradient(var(--dark),var(--dark)) padding-box,var(--gradient) border-box;border: 1.5px solid transparent !important}.btn-ig-mega:hover{background: var(--dark-3) !important;border-color: transparent !important}.btn-tt-mega{background: linear-gradient(var(--dark),var(--dark)) padding-box,linear-gradient(135deg,#69c9d0,#ee1d52) border-box;border: 1.5px solid transparent !important;color: #69c9d0 !important}.btn-tt-mega:hover{background: var(--dark-3) !important}.header{position: sticky;top:0;z-index:1000}.header .container{position: relative}@media (max-width: 768px){.mega-panel,.mega-panel-sm{position: static;width: 100%;transform: none;border-top: none;border-radius: var(--radius);box-shadow: none;display: none;padding: 8px 0 8px 12px}.nav-mega.open .mega-panel,.nav-mega.open .mega-panel-sm{display: block;opacity:1;visibility:visible}.mega-grid{grid-template-columns: 1fr}}.header{all: unset;display: block;position: sticky;top: 0;z-index: 1000}.header-top{background: #0d0d0d;border-bottom: 1px solid #1e1e1e}.header-top-inner{display: flex;align-items: center;justify-content: space-between;padding: 13px 0}.logo-new{display: flex;align-items: center;gap: 10px;text-decoration: none}.logo-new .logo-icon{width: 38px;height: 38px;background: var(--gradient);border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 20px}.logo-new .logo-text{font-size: 21px;font-weight: 900;letter-spacing: -0.5px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.logo-new .logo-sub{font-size: 11px;color: #666;font-weight: 500;display: block;line-height: 1;margin-top: 2px;-webkit-text-fill-color: #666}.header-top-right{display: flex;align-items: center;gap: 12px}.header-top-right a.hdr-btn{background: var(--gradient);color: #fff;font-size: 13px;font-weight: 700;padding: 7px 18px;border-radius: 8px;text-decoration: none;white-space: nowrap;transition: opacity 0.2s}.header-top-right a.hdr-btn:hover{opacity: 0.88}.mobile-hamburger{display: none;background: none;border: none;color: #fff;font-size: 22px;cursor: pointer;line-height: 1}.header-nav-bar{background: #111;border-bottom: 1px solid #1e1e1e}.header-nav-inner{display: flex;align-items: stretch;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;gap: 0}.header-nav-inner::-webkit-scrollbar{display: none}.nav-cat-label{display: flex;align-items: center;padding: 0 14px 0 10px;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;color: #555;white-space: nowrap;border-right: 1px solid #1e1e1e}.hn-link{display: flex;align-items: center;padding: 11px 14px;font-size: 13px;font-weight: 600;color: #777;text-decoration: none;white-space: nowrap;border-bottom: 2px solid transparent;transition: all 0.18s;position: relative}.hn-link:hover{color: #eee;background: rgba(255,255,255,0.04);border-bottom-color: #444}.hn-link.hn-active{color: #fff;border-bottom-color: var(--secondary)}.hn-sep{width: 1px;background: #1e1e1e;margin: 8px 0;flex-shrink: 0}.hn-ig{color: #c084fc !important}.hn-tt{color: #69c9d0 !important}.hn-ig:hover{border-bottom-color: #c084fc !important}.hn-tt:hover{border-bottom-color: #69c9d0 !important}.mobile-nav{display: none;flex-direction: column;background: #111;border-top: 1px solid #1e1e1e;padding: 8px 0}.mobile-nav.open{display: flex}.mobile-nav-section{padding: 6px 16px 2px;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;color: #555}.mobile-nav a{padding: 10px 20px;font-size: 14px;font-weight: 600;color: #999;text-decoration: none;transition: color 0.15s}.mobile-nav a:hover{color: #fff;background: rgba(255,255,255,0.05)}@media (max-width: 768px){.header-nav-bar{display: none}.mobile-hamburger{display: block}.logo-new .logo-sub{display: none}.header-top-right a.hdr-btn{display: none}}.header{all: unset;display: block;position: sticky;top: 0;z-index: 1000;background: #0a0a0a;border-bottom: 1px solid #1c1c1c;box-shadow: 0 1px 12px rgba(0,0,0,0.4)}.hdr-inner{display: flex;align-items: center;justify-content: space-between;height: 62px}.hdr-logo{display: flex;align-items: center;gap: 10px;text-decoration: none;flex-shrink: 0}.hdr-logo-icon{width: 36px;height: 36px;background: var(--gradient);border-radius: 9px;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0}.hdr-logo-name{font-size: 20px;font-weight: 900;letter-spacing: -0.5px;background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.hdr-nav{display: flex;align-items: center;gap: 6px}.hdr-nav-link{color: #aaa;text-decoration: none;font-size: 14px;font-weight: 600;padding: 7px 14px;border-radius: 8px;transition: color 0.15s,background 0.15s}.hdr-nav-link:hover{color: #fff;background: rgba(255,255,255,0.07)}.hdr-nav-cta{background: var(--gradient);color: #fff !important;font-size: 14px;font-weight: 700;padding: 8px 20px;border-radius: 9px;text-decoration: none;margin-left: 6px;transition: opacity 0.15s}.hdr-nav-cta:hover{opacity: 0.88}.hdr-burger{display: none;background: none;border: none;color: #ccc;font-size: 22px;cursor: pointer;line-height: 1;padding: 4px}.hdr-mobile-menu{display: none;flex-direction: column;background: #0f0f0f;border-top: 1px solid #1c1c1c;padding: 8px 0 12px}.hdr-mobile-menu.open{display: flex}.hdr-mobile-menu a{padding: 11px 24px;font-size: 15px;font-weight: 600;color: #bbb;text-decoration: none;transition: color 0.15s,background 0.15s}.hdr-mobile-menu a:hover{color: #fff;background: rgba(255,255,255,0.05)}.hdr-mobile-sep{height: 1px;background: #1c1c1c;margin: 8px 16px}.hdr-mobile-cat{padding: 10px 24px 4px;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 1.2px;color: #555}@media (max-width: 720px){.hdr-nav{display: none}.hdr-burger{display: block}}.header{all: unset;display: block;position: sticky;top: 0;z-index: 1000;background: linear-gradient(to right,#9020C8,#C8203A,#E02030);box-shadow: 0 2px 16px rgba(0,0,0,0.35)}.gs-inner{display: flex;align-items: center;height: 58px;gap: 0}.gs-logo{display: flex;align-items: center;gap: 10px;text-decoration: none;flex-shrink: 0;margin-right: 40px}.gs-logo-icon{width: 36px;height: 36px;background: rgba(255,255,255,0.22);border-radius: 9px;display: flex;align-items: center;justify-content: center;font-size: 18px}.gs-logo-name{font-size: 22px;font-weight: 900;letter-spacing: -0.5px;color: #fff}.gs-nav{display: flex;align-items: center;gap: 2px;flex: 1;overflow-x: auto;scrollbar-width: none}.gs-nav::-webkit-scrollbar{display: none}.gs-nav-link{color: rgba(255,255,255,0.9);text-decoration: none;font-size: 14px;font-weight: 600;padding: 8px 14px;border-radius: 6px;white-space: nowrap;transition: background 0.15s}.gs-nav-link:hover{background: rgba(255,255,255,0.18);color: #fff}.gs-drop{position: relative}.gs-drop-btn{display: flex;align-items: center;gap: 5px;color: rgba(255,255,255,0.9);cursor: pointer;font-size: 14px;font-weight: 600;padding: 8px 14px;border-radius: 6px;background: none;border: none;white-space: nowrap;font-family: inherit;transition: background 0.15s}.gs-drop-btn:hover,.gs-drop.open .gs-drop-btn{background: rgba(255,255,255,0.18);color: #fff}.gs-drop-arrow{font-size: 10px;transition: transform 0.2s;display: inline-block}.gs-drop.open .gs-drop-arrow{transform: rotate(180deg)}.gs-drop-menu{display: none;position: absolute;top: calc(100% + 6px);left: 0;min-width: 210px;background: #1a1a1a;border: 1px solid #2a2a2a;border-radius: 10px;padding: 6px;box-shadow: 0 8px 32px rgba(0,0,0,0.45)}.gs-drop.open .gs-drop-menu{display: block}.gs-drop-menu a{display: block;padding: 9px 14px;color: #ccc;text-decoration: none;font-size: 13px;font-weight: 600;border-radius: 7px;transition: background 0.12s,color 0.12s}.gs-drop-menu a:hover{background: rgba(255,255,255,0.08);color: #fff}.gs-burger{display: none;background: rgba(255,255,255,0.2);border: none;color: #fff;font-size: 20px;cursor: pointer;border-radius: 7px;padding: 6px 11px;line-height: 1;margin-left: auto;font-family: inherit}.gs-burger:hover{background: rgba(255,255,255,0.3)}.gs-mobile-menu{display: none;flex-direction: column;background: rgba(50,0,80,0.97);border-top: 1px solid rgba(255,255,255,0.15);padding: 8px 0 14px}.gs-mobile-menu.open{display: flex}.gs-mobile-cat{padding: 10px 22px 4px;font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;color: rgba(255,255,255,0.45)}.gs-mobile-menu a{padding: 11px 22px;font-size: 14px;font-weight: 600;color: rgba(255,255,255,0.85);text-decoration: none;transition: background 0.15s}.gs-mobile-menu a:hover{background: rgba(255,255,255,0.1);color: #fff}.gs-mobile-sep{height: 1px;background: rgba(255,255,255,0.12);margin: 8px 16px}@media (max-width: 860px){.gs-nav{display: none}.gs-burger{display: block}.gs-logo{margin-right: 0}}.gs-nav{overflow: visible !important}.gs-inner{overflow: visible !important}.gs-drop-menu{z-index: 9999 !important}.kw-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(170px,1fr));gap: 14px;margin-top: 36px}.kw-card{background: var(--dark-3);border: 1px solid var(--border);border-radius: 12px;padding: 18px 16px;text-decoration: none;transition: transform 0.18s,border-color 0.18s,background 0.18s;display: flex;flex-direction: column;gap: 6px}.kw-card:hover{transform: translateY(-3px);border-color: var(--secondary);background: rgba(225,48,108,0.08)}.kw-vol{font-size: 11px;font-weight: 800;color: var(--secondary);letter-spacing: 0.5px;text-transform: uppercase}.kw-term{font-size: 16px;font-weight: 700;color: var(--text)}.kw-arrow{font-size: 12px;color: var(--text-muted);margin-top: 4px}.picuki-alt-banner{background: linear-gradient(135deg,rgba(131,58,180,0.12),rgba(225,48,108,0.08));border: 1px solid rgba(131,58,180,0.25);border-radius: var(--radius-lg);padding: 28px 32px;margin-top: 48px;display: flex;gap: 20px;align-items: flex-start;flex-wrap: wrap}.picuki-alt-banner h3{font-size: 18px;font-weight: 800;margin-bottom: 8px}.picuki-alt-banner p{font-size: 14px;color: var(--text-muted);line-height: 1.7;margin: 0}.header{all: unset;display: block;position: sticky;top: 0;z-index: 1000;background: #111;border-bottom: 1px solid #222}.hdr-inner{display: flex;align-items: center;height: 58px;overflow: visible}.hdr-logo{display: flex;align-items: center;gap: 8px;text-decoration: none;margin-right: 28px;flex-shrink: 0}.hdr-logo-icon{font-size: 22px}.hdr-logo-text{font-size: 19px;font-weight: 700;color: #fff;letter-spacing: -0.3px}.hdr-nav{display: flex;align-items: center;gap: 2px;flex: 1;overflow: visible}.hdr-link{color: #bbb;font-size: 14px;font-weight: 500;padding: 7px 11px;border-radius: 6px;text-decoration: none;transition: background 0.15s,color 0.15s;white-space: nowrap}.hdr-link:hover{background: #1d1d1d;color: #fff}.hdr-drop{position: relative}.hdr-drop-btn{display: flex;align-items: center;gap: 4px;background: none;border: none;color: #bbb;font-size: 14px;font-weight: 500;padding: 7px 11px;border-radius: 6px;cursor: pointer;white-space: nowrap;transition: background 0.15s,color 0.15s;font-family: inherit}.hdr-drop-btn:hover{background: #1d1d1d;color: #fff}.hdr-arr{font-size: 10px;transition: transform 0.2s;display: inline-block}.hdr-drop.open .hdr-arr{transform: rotate(180deg)}.hdr-drop-menu{display: none;position: absolute;top: calc(100% + 4px);left: 0;min-width: 200px;background: #181818;border: 1px solid #2a2a2a;border-radius: 10px;box-shadow: 0 8px 24px rgba(0,0,0,0.5);z-index: 9999;padding: 6px}.hdr-drop.open .hdr-drop-menu{display: block}.hdr-drop-menu a{display: block;padding: 9px 14px;color: #bbb;text-decoration: none;font-size: 14px;border-radius: 6px;transition: background 0.15s,color 0.15s}.hdr-drop-menu a:hover{background: #242424;color: #fff}.hdr-burger{display: none;background: none;border: none;color: #bbb;font-size: 20px;cursor: pointer;margin-left: auto;padding: 6px 8px}.hdr-mobile{display: none;flex-direction: column;background: #111;border-top: 1px solid #222;padding: 8px 0 16px}.hdr-mobile.open{display: flex}.hdr-mobile a{display: block;padding: 10px 20px;color: #bbb;text-decoration: none;font-size: 15px}.hdr-mobile a:hover{background: #1a1a1a;color: #fff}.hdr-mobile-cat{padding: 12px 20px 4px;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.8px;color: #555}.hdr-mobile-sep{height: 1px;background: #222;margin: 8px 12px}@media (max-width: 768px){.hdr-nav{display: none !important}.hdr-burger{display: block !important}}.hdr-nav{gap: 6px}.hdr-link{padding: 7px 14px}.hdr-drop-btn{padding: 7px 14px}.hdr-drop:hover .hdr-drop-menu{display: block}.hdr-drop:hover .hdr-arr{transform: rotate(180deg)}.hdr-spacer{flex: 1}.tools-bar{background: #161616;border-bottom: 1px solid #222;padding: 0;overflow-x: auto;white-space: nowrap;scrollbar-width: none}.tools-bar::-webkit-scrollbar{display: none}.tools-bar-inner{display: inline-flex;gap: 0;padding: 0 20px;min-width: 100%}.tools-bar a{display: inline-block;padding: 9px 14px;font-size: 13px;color: #888;text-decoration: none;border-right: 1px solid #222;transition: color 0.15s,background 0.15s;white-space: nowrap}.tools-bar a:first-child{border-left: 1px solid #222}.tools-bar a:hover{color: #fff;background: #1e1e1e}.tools-bar a.active{color: #C084FC;font-weight: 600}.header{background: #fff !important;border-bottom: 1px solid #e8e8e8 !important;box-shadow: none !important}.hdr-inner{justify-content: space-between}.hdr-logo{margin-right: 0}.hdr-logo-text{color: #111 !important;font-size: 20px;font-weight: 800}.hdr-logo-icon{font-size: 24px}.hdr-nav{flex: 0 0 auto;gap: 4px}.hdr-spacer{display: none !important}.hdr-drop-btn{color: #222 !important;font-size: 15px;font-weight: 700}.hdr-drop-btn:hover{background: #f5f5f5 !important;color: #000 !important}.hdr-link{color: #222 !important;font-size: 15px;font-weight: 700}.hdr-link:hover{background: #f5f5f5 !important;color: #000 !important}.hdr-drop-menu{background: #fff !important;border: 1px solid #e8e8e8 !important;box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important}.hdr-drop-menu a{color: #333 !important}.hdr-drop-menu a:hover{background: #f5f5f5 !important;color: #000 !important}.hdr-burger{color: #333 !important}.hdr-mobile{background: #fff !important;border-top: 1px solid #e8e8e8 !important}.hdr-mobile a{color: #333 !important}.hdr-mobile a:hover{background: #f5f5f5 !important;color: #000 !important}.hdr-mobile-cat{color: #aaa !important}.hdr-mobile-sep{background: #e8e8e8 !important}.hdr-inner{justify-content: flex-start !important}.hdr-logo{margin-right: 0 !important;flex-shrink: 0}.hdr-nav{margin-left: auto !important;flex: 0 0 auto !important}.header{background: #111 !important;border-bottom: 1px solid #222 !important}.hdr-logo-text{color: #fff !important}.hdr-drop-btn{color: #bbb !important}.hdr-drop-btn:hover{background: #1d1d1d !important;color: #fff !important}.hdr-link{color: #bbb !important}.hdr-link:hover{background: #1d1d1d !important;color: #fff !important}.hdr-drop-menu{background: #181818 !important;border: 1px solid #2a2a2a !important;box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important}.hdr-drop-menu a{color: #bbb !important}.hdr-drop-menu a:hover{background: #242424 !important;color: #fff !important}.hdr-burger{color: #bbb !important}.hdr-mobile{background: #111 !important;border-top: 1px solid #222 !important}.hdr-mobile a{color: #bbb !important}.hdr-mobile a:hover{background: #1a1a1a !important;color: #fff !important}.hdr-mobile-cat{color: #555 !important}.hdr-mobile-sep{background: #222 !important}