:root{
  --bg:#07030e;--panel:#120a20;--line:#5e2c91;--purple:#a855f7;--violet:#7c3aed;--text:#f7f2ff;--muted:#b9a9c9;--good:#45e39b
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 0%,#32105b 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.hidden{display:none!important}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:15px 5vw;background:rgba(7,3,14,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(168,85,247,.2)}
.brand{font-size:20px;font-weight:900;letter-spacing:.3px}.brand b{color:#d69cff}.brand-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#c084fc;box-shadow:0 0 18px #a855f7;margin-right:9px}
.nav nav{display:flex;gap:25px;color:#cdbddd;font-size:14px}.nav nav a:hover{color:#fff}.wa-mini{border:1px solid #5ee7a5;padding:9px 14px;border-radius:10px;color:#a6ffd1;font-weight:800;font-size:13px}
main{max-width:1250px;margin:auto;padding:0 22px}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center;min-height:650px;padding:65px 0}.eyebrow{color:#d59bff;font-size:12px;font-weight:900;letter-spacing:2px}
.hero h1{font-size:clamp(42px,5vw,72px);line-height:.98;margin:15px 0 22px;letter-spacing:-2px}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.hero-art{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.hero-art:after{content:"";position:absolute;inset:12% 8%;background:#a855f7;filter:blur(90px);opacity:.20;z-index:-1}.hero-art img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block;border:1px solid rgba(168,85,247,.30);border-radius:22px;background:#09040f;box-shadow:0 18px 55px rgba(0,0,0,.45),0 0 45px rgba(168,85,247,.20)}
.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:900;cursor:pointer;transition:.18s transform,.18s box-shadow}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 10px 30px rgba(124,58,237,.25)}.ghost{background:#160b24;color:#eadfff;border:1px solid #653392}.wa-btn{background:#173f2e;color:#baffd8;border:1px solid #36b978}

.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-10px 0 15px;padding:0 0 25px}
.stat-card{display:flex;align-items:center;gap:15px;padding:20px 22px;border:1px solid rgba(168,85,247,.28);border-radius:18px;background:linear-gradient(145deg,rgba(25,13,45,.90),rgba(12,7,22,.94));box-shadow:0 18px 50px rgba(0,0,0,.20)}
.stat-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;background:rgba(124,58,237,.16);border:1px solid rgba(168,85,247,.35);color:#d8a5ff;font-size:25px;font-weight:900}
.stat-card strong{display:block;font-size:25px;line-height:1.05;color:#fff}
.stat-card span{display:block;margin-top:3px;font-size:14px;font-weight:900;color:#d69cff}
.stat-card small{display:block;margin-top:4px;color:var(--muted);font-size:11px}

.section{padding:85px 0}.section-head{margin-bottom:25px}.section-head h2{font-size:40px;margin:8px 0}.section-head p{color:var(--muted);margin:0;max-width:700px;line-height:1.6}
.lookup-card{padding:24px;background:linear-gradient(145deg,rgba(25,13,45,.94),rgba(13,7,24,.94));border:1px solid #4f2875;border-radius:22px;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.lookup-form{display:flex;gap:12px}.input-wrap{flex:1;display:flex;align-items:center;border:1px solid #543075;background:#0b0612;border-radius:13px;overflow:hidden}.input-wrap span{padding-left:15px;color:#a855f7;font-weight:900}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:14px 12px}
.loading{display:flex;align-items:center;gap:14px;padding:20px 5px}.loading small{display:block;color:var(--muted);margin-top:3px}.spinner{width:26px;height:26px;border:3px solid #3d2057;border-top-color:#c084fc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.error{padding:14px;border:1px solid #753144;background:#24101a;color:#ffb4c1;border-radius:12px;margin-top:16px}
.profile{margin-top:20px;padding:20px;border:1px solid #533074;border-radius:18px;background:#0d0716}.profile-main{display:flex;gap:16px;align-items:center}.avatar{width:88px;height:88px;border-radius:18px;object-fit:cover;background:#160b24}.profile-title{font-size:22px;font-weight:900;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.muted{color:var(--muted)}.profile-id{font-size:12px;color:#927fa5;margin-top:7px}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px}.status:before{content:"";width:7px;height:7px;border-radius:50%;margin-right:6px}.status.online{background:#113c29;color:#a6ffd1}.status.online:before{background:#45e39b;box-shadow:0 0 8px #45e39b}.status.offline{background:#2a2330;color:#bfb3c6}.status.offline:before{background:#80758a}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.profile-grid>div{padding:14px;border:1px solid #352044;border-radius:13px}.profile-grid span{display:block;color:#8f7ba0;font-size:11px}.profile-grid b{display:block;margin-top:5px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.recovery-form #sendRecovery{width:min(100%,360px);display:flex;justify-content:center;align-items:center;margin-top:16px;text-align:center}
.recovery-form{margin-top:18px;padding-top:20px;border-top:1px solid #3a224e}.recovery-form h3{margin:0 0 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}label{display:block;color:#cfc2da;font-size:13px;font-weight:800}label input,label select,label textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;background:#0a0510;border:1px solid #50306d;border-radius:11px;color:#fff;outline:0}label textarea{resize:vertical}
footer{max-width:1250px;margin:20px auto 0;padding:30px 22px 50px;border-top:1px solid #2d1b3a;display:flex;justify-content:space-between;gap:15px;color:#bcaec7}footer b{display:block;color:#fff}footer span{font-size:12px;display:block;margin-top:4px}footer a{color:#a9ffd0;font-weight:800}
/* Follow TikTok popup */
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(3,1,8,.78);backdrop-filter:blur(10px)}.follow-modal{position:relative;width:min(440px,100%);padding:32px 26px 26px;text-align:center;border:1px solid #7c3aed;border-radius:24px;background:linear-gradient(145deg,#1c0b30,#0b0612);box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 50px rgba(168,85,247,.2);animation:pop .22s ease-out}.follow-modal h2{margin:10px 0 8px;font-size:28px}.follow-modal p{color:var(--muted);line-height:1.6;margin:0 auto 22px}.follow-actions{display:flex;gap:10px;justify-content:center}.follow-actions .btn{min-width:145px}.modal-close{position:absolute;top:10px;right:12px;width:38px;height:38px;border:1px solid #533074;border-radius:50%;background:#12071e;color:#fff;font-size:27px;line-height:1;cursor:pointer}.tiktok-mark{width:64px;height:64px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:#050505;border:1px solid #65408c;font-size:34px;font-weight:900;box-shadow:0 0 25px rgba(168,85,247,.25)}@keyframes pop{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero-art{order:-1}.hero h1{font-size:45px}.profile-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.stats-section{grid-template-columns:1fr}}
@media(max-width:540px){main{padding:0 14px}.nav{padding:13px 14px}.wa-mini{padding:8px 10px}.lookup-form{flex-direction:column}.lookup-form .btn{width:100%}.hero{min-height:auto;padding:35px 0 60px}.hero h1{font-size:39px}.hero-art img{border-radius:18px}.stats-section{gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:23px}.section{padding:60px 0}.section-head h2{font-size:31px}.lookup-card{padding:14px}.profile-main{align-items:flex-start}.avatar{width:70px;height:70px}.profile-grid{grid-template-columns:1fr}.follow-actions{flex-direction:column}.follow-actions .btn{width:100%}footer{flex-direction:column;margin:0 14px}}