:root{--bg:#0a0a0c;--panel:#121216;--panel2:#18181d;--border:#2b2b33;--text:#f5f5f7;--muted:#9d9da8;--cyan:#25f4ee;--pink:#fe2c55;--green:#31d158;--yellow:#ffd60a;--danger:#ff453a}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(37,244,238,.06),transparent 30%),radial-gradient(circle at 85% 5%,rgba(254,44,85,.07),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{background:rgba(10,10,12,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);min-height:68px}.navbar-brand,.nav-link{color:var(--text)!important}.brand-mark{font-weight:900;font-size:1.4rem;letter-spacing:-.04em;position:relative}.brand-note{width:8px;height:18px;border-radius:8px;display:inline-block;position:absolute;left:-1px;top:8px;opacity:.85}.brand-note.cyan{background:var(--cyan);transform:translate(-2px,0)}.brand-note.pink{background:var(--pink);transform:translate(2px,2px)}.nav-link{font-weight:700;font-size:.93rem;border-radius:8px;padding:.55rem .8rem!important}.nav-link:hover{background:var(--panel2)}.btn-primary-tt{background:var(--pink);border-color:var(--pink);color:white;font-weight:800}.btn-primary-tt:hover{background:#ff3f65;border-color:#ff3f65;color:white}.btn-cyan{background:var(--cyan);border-color:var(--cyan);color:#071313;font-weight:800}.btn-ghost{background:var(--panel2);border:1px solid var(--border);color:var(--text);font-weight:700}.btn-ghost:hover{border-color:#444451;background:#202027;color:#fff}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--border);color:#fff;text-decoration:none}.notif-dot{position:absolute;right:-7px;top:-6px;background:var(--pink);border:2px solid var(--bg);min-width:21px;height:21px;border-radius:12px;display:grid;place-items:center;font-size:.65rem;font-weight:900;padding:0 4px}.credit-chip{height:40px;border-radius:20px;padding:0 13px;display:flex;align-items:center;gap:7px;background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.24);font-weight:800}.credit-chip i{color:var(--cyan)}.profile-btn{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#fff;font-weight:700}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#050505;font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.dropdown-menu{background:#1b1b21;border:1px solid var(--border);box-shadow:0 20px 50px rgba(0,0,0,.35)}.dropdown-item{color:#eee}.dropdown-item:hover{background:#292931;color:#fff}.dropdown-divider{border-color:#34343e}.site-footer{border-top:1px solid var(--border);margin-top:60px;padding:28px 0;color:var(--muted);font-size:.88rem}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:white}.page-wrap{padding:38px 0}.hero{padding:70px 0 42px}.eyebrow{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);font-weight:900}.hero h1{font-size:clamp(2.6rem,7vw,5.8rem);line-height:.95;letter-spacing:-.065em;font-weight:950;max-width:900px}.gradient-text{background:linear-gradient(90deg,var(--cyan),#fff 48%,var(--pink));-webkit-background-clip:text;color:transparent}.hero p{max-width:680px;font-size:1.15rem;color:#b9b9c4}.surface,.stat-card,.campaign-card,.form-card,.table-shell,.auth-card{background:linear-gradient(180deg,rgba(24,24,29,.98),rgba(16,16,20,.98));border:1px solid var(--border);box-shadow:0 16px 50px rgba(0,0,0,.18)}.surface,.form-card,.auth-card{border-radius:18px}.stat-card,.campaign-card{border-radius:16px}.stat-card{padding:20px}.stat-label{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.stat-value{font-size:1.85rem;font-weight:900;letter-spacing:-.04em;margin-top:4px}.section-title{font-size:1.6rem;font-weight:900;letter-spacing:-.035em}.muted{color:var(--muted)}.campaign-card{padding:18px;height:100%;transition:.2s transform,.2s border-color}.campaign-card:hover{transform:translateY(-2px);border-color:#3b3b47}.action-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.05rem;background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.15);color:var(--cyan)}.action-icon.pink{background:rgba(254,44,85,.09);border-color:rgba(254,44,85,.18);color:var(--pink)}.reward-pill{background:#25252d;border:1px solid #33333d;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.78rem}.badge-premium{background:linear-gradient(90deg,#f7ca4d,#f39a3e);color:#1b1200}.badge-soft{background:#25252d;color:#ddd;border:1px solid #34343e}.form-control,.form-select,.form-control:focus,.form-select:focus{background-color:#111116;border-color:#34343e;color:#f5f5f7;box-shadow:none}.form-control:focus,.form-select:focus{border-color:var(--cyan)}.form-control::placeholder{color:#696976}.form-label{font-weight:800;font-size:.88rem}.form-text{color:#858592}.input-group-text{background:#1d1d23;border-color:#34343e;color:#bdbdc6}.table{--bs-table-bg:transparent;--bs-table-color:#eee;--bs-table-border-color:#2e2e36}.table>thead th{color:#a8a8b3;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;font-weight:900}.table-shell{border-radius:16px;overflow:hidden}.progress{background:#26262e;height:9px}.progress-bar{background:linear-gradient(90deg,var(--cyan),var(--pink))}.alert{border:1px solid rgba(255,255,255,.1);border-radius:12px}.alert-success{background:#15331d;color:#adf0bc}.alert-danger{background:#3b161a;color:#ffc0c5}.alert-warning{background:#392f12;color:#ffe18b}.alert-info{background:#11323b;color:#aef4ff}.auth-wrap{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:40px 0}.auth-card{width:min(100%,480px);padding:30px}.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border:1px solid var(--border);border-radius:10px;background:#17171d;color:#fff;text-decoration:none;font-weight:800}.oauth-btn:hover{border-color:#484855;color:#fff}.divider{display:flex;align-items:center;gap:12px;color:#70707d;font-size:.8rem;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#2f2f38}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-card{background:#141419;border:1px solid var(--border);border-radius:14px;padding:18px}.service-card i{font-size:1.2rem;color:var(--cyan)}.service-card strong{display:block;margin-top:11px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(254,44,85,.12);margin-right:7px}.package-card{position:relative;padding:24px}.package-price{font-size:2.5rem;font-weight:950;letter-spacing:-.05em}.package-badge{position:absolute;right:16px;top:16px;background:var(--pink);color:#fff;border-radius:999px;padding:5px 9px;font-size:.67rem;font-weight:900;letter-spacing:.06em}.ticket-msg{padding:16px;border-radius:14px;background:#131319;border:1px solid var(--border)}.ticket-msg.staff{border-left:3px solid var(--cyan)}.ticket-msg.user{border-left:3px solid var(--pink)}.admin-sidebar a{display:flex;gap:9px;align-items:center;color:#d3d3da;text-decoration:none;padding:10px 11px;border-radius:9px;font-weight:700}.admin-sidebar a:hover{background:#222229;color:white}.empty-state{padding:50px 20px;text-align:center;color:var(--muted)}.empty-state i{font-size:2rem;color:#555562;margin-bottom:12px}.small-note{font-size:.78rem;color:#858590}.translate-menu button{width:100%;text-align:left;background:transparent;border:0}
@media(max-width:991px){.navbar-collapse{padding:14px 0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.service-grid{grid-template-columns:1fr}.hero{padding-top:44px}.auth-card{padding:22px}.oauth-grid{grid-template-columns:1fr}.credit-chip{display:none}}
.translate-widget{max-width:180px;overflow:hidden}.translate-widget .goog-te-gadget{font-size:0}.translate-widget .goog-te-gadget-simple{background:#18181d!important;border:1px solid #2b2b33!important;border-radius:8px!important;padding:6px!important}.translate-widget .goog-te-gadget-simple span{color:#f5f5f7!important;font-size:.8rem}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}
/* SEO landing pages */
.seo-hero{padding:72px 0 48px;background:radial-gradient(circle at 12% 20%,rgba(37,244,238,.08),transparent 34%),radial-gradient(circle at 88% 5%,rgba(254,44,85,.09),transparent 32%)}
.seo-hero h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.98;letter-spacing:-.06em;font-weight:950;max-width:920px}
.seo-lead{max-width:760px;font-size:1.16rem;line-height:1.7;color:#b9b9c4}
.seo-hero-card{border-radius:20px}.seo-mini-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid var(--border);font-size:.9rem}.seo-mini-row span{color:var(--muted)}.seo-mini-row strong{text-align:right}
.seo-trust{display:flex;flex-wrap:wrap;gap:10px}.seo-trust span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:#121217;color:#aaaab5;font-size:.78rem;font-weight:700}.seo-trust i{color:var(--cyan)}
.seo-body-copy{color:#b5b5c0;font-size:1.04rem;line-height:1.8}.seo-steps{display:grid;gap:14px}.seo-step{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--border)}.seo-step>span{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#07070a;font-weight:950}.seo-step strong{font-size:1rem}.seo-step p{margin:.3rem 0 0;color:var(--muted);line-height:1.65}
.seo-check-list{list-style:none;padding:0;display:grid;gap:16px}.seo-check-list li{display:flex;gap:11px;align-items:flex-start;color:#d4d4dc;line-height:1.55}.seo-check-list i{color:var(--cyan);margin-top:.25rem}.seo-tip{border:1px solid var(--border);background:#111116;border-radius:14px;padding:18px}.seo-tip span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(254,44,85,.12);color:var(--pink);font-weight:900}.seo-tip p{margin:12px 0 0;color:#b7b7c1;line-height:1.55;font-size:.9rem}
.seo-section-head{max-width:680px}.seo-faq{max-width:900px;margin-left:auto;margin-right:auto}.seo-faq .accordion-item{background:#141419;border:1px solid var(--border);color:var(--text);overflow:hidden}.seo-faq .accordion-item+.accordion-item{margin-top:10px}.seo-faq .accordion-button{background:#17171c;color:#f3f3f5;font-weight:800;box-shadow:none}.seo-faq .accordion-button:not(.collapsed){background:#1d1d23;color:#fff}.seo-faq .accordion-button:after{filter:invert(1)}.seo-faq .accordion-body{color:#adadb8;line-height:1.7}
.seo-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seo-link-card{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:10px;padding:15px 16px;border:1px solid var(--border);background:#141419;border-radius:12px;color:#eee;text-decoration:none;font-weight:750}.seo-link-card:hover{color:white;border-color:#444451;background:#19191f}.seo-link-card>i:first-child{color:var(--cyan)}.seo-link-card>i:last-child{color:#666674}.seo-disclaimer{padding:16px 18px;border-left:3px solid var(--cyan);background:#101015;color:#858590;font-size:.78rem;line-height:1.65}.seo-disclaimer strong{color:#bdbdc6}.seo-nav-menu{max-height:min(70vh,520px);overflow:auto;min-width:260px}.seo-hub-card{padding:22px;border-radius:16px}.seo-hub-card:hover{border-color:#3d3d48}.seo-card-link{font-size:.86rem;font-weight:800;color:var(--cyan)}
@media(max-width:767px){.seo-hero{padding-top:48px}.seo-link-grid{grid-template-columns:1fr}.seo-trust{gap:7px}.seo-trust span{font-size:.73rem}}
.seo-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;color:#747481;font-size:.76rem;font-weight:700}.seo-breadcrumb a{color:#9a9aa7;text-decoration:none}.seo-breadcrumb a:hover{color:#fff}.seo-breadcrumb i{font-size:.58rem;color:#4e4e59}.seo-breadcrumb span{color:#bdbdc5}

/* Keep the dropdown chevron visible against the dark input background. */
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23f5f5f7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}