*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050508;--bg2:#08080e;--bg3:#0c0c15;--bg4:#10101c;--bg5:#161625;--glass:#ffffff06;--glass2:#ffffff0d;--glass3:#ffffff14;--border:#ffffff0a;--border2:#ffffff18;--border3:#ffffff28;--text:#eeeef5;--text2:#88a;--text3:#44445a;--p1:#6c47ff;--p2:#4b2fdd;--p3:#8b6bff;--t1:#00e5bb;--t2:#00b090;--a1:#ff6b9d;--a2:#ff4d87;--o1:#ff9f47;--o2:#ff8020;--b1:#47b8ff;--b2:#2096ff;--g1:#47e891;--g2:#20cc66;--y1:#ffe247;--y2:#ffc800;--r1:#ff5c5c;--r2:#ff2929;--card-bg:#ffffff08;--font-h:"Clash Display",sans-serif;--font-b:"Cabinet Grotesk",sans-serif;--rad:16px;--rad-sm:10px;--rad-lg:24px;--rad-xl:32px}body{background:var(--bg);color:var(--text);font-family:var(--font-b);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:3px}.bg-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(120px);opacity:.12;border-radius:50%;position:absolute}.orb1{background:var(--p1);width:600px;height:600px;top:-200px;left:-100px}.orb2{background:var(--t1);width:500px;height:500px;bottom:-200px;right:-100px}.orb3{background:var(--a1);width:300px;height:300px;top:40%;left:40%;transform:translate(-50%,-50%)}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;background:#08080ed9;flex-direction:column;width:248px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar:before{content:"";background:linear-gradient(90deg,transparent,var(--p1),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.s-logo{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:22px 20px 18px;display:flex}.s-logo-icon{background:linear-gradient(135deg,var(--p1),var(--t1));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 0 20px #6c47ff66}.s-logo-wrap{flex:1}.s-logo-name{font-family:var(--font-h);background:linear-gradient(135deg,#fff 30%,var(--p3));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:19px;font-weight:700}.s-logo-tag{color:var(--text3);letter-spacing:.5px;margin-top:1px;font-size:10px}.s-badge{background:linear-gradient(135deg,var(--p1),var(--t1));color:#fff;letter-spacing:.5px;-webkit-text-fill-color:#fff;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.s-nav{flex:1;padding:14px 12px;overflow-y:auto}.s-label{letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;padding:10px 10px 5px;font-size:10px;font-weight:700}.s-item{border-radius:var(--rad-sm);cursor:pointer;color:var(--text2);align-items:center;gap:10px;margin-bottom:1px;padding:9px 12px;font-size:13.5px;transition:all .15s;display:flex;position:relative}.s-item:hover{background:var(--glass2);color:var(--text)}.s-item.active{color:var(--p3);background:#6c47ff1f;font-weight:500}.s-item.active:before{content:"";background:linear-gradient(180deg,var(--p1),var(--t1));border-radius:0 2px 2px 0;width:2px;height:60%;position:absolute;top:20%;left:0}.s-ico{text-align:center;flex-shrink:0;width:20px;font-size:14px}.s-count{background:var(--bg5);color:var(--text3);border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.s-count.hot{color:var(--a1);background:#ff6b9d26}.s-bot{border-top:1px solid var(--border);padding:14px 12px}.s-user{border-radius:var(--rad-sm);background:var(--glass);border:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:9px 11px;transition:all .15s;display:flex}.s-user:hover{background:var(--glass2)}.s-avatar{background:linear-gradient(135deg,var(--p1),var(--a1));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.s-uname{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.s-uplan{color:var(--text3);margin-top:1px;font-size:11px}.main{z-index:1;min-height:100vh;margin-left:248px;position:relative}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:50;background:#08080eb3;align-items:center;gap:14px;height:62px;padding:0 26px;display:flex;position:sticky;top:0}.topbar-title{font-family:var(--font-h);letter-spacing:-.3px;flex-shrink:0;font-size:16px;font-weight:600}.search{background:var(--glass);border:1px solid var(--border2);border-radius:var(--rad-sm);flex:1;align-items:center;gap:8px;max-width:440px;padding:8px 14px;transition:all .2s;display:flex}.search:focus-within{border-color:var(--p1);background:#6c47ff0f}.search input{color:var(--text);font-size:13.5px;font-family:var(--font-b);background:0 0;border:none;outline:none;flex:1;width:100%}.search input::placeholder{color:var(--text3)}.search-ic{color:var(--text3);font-size:13px}.tb-right{align-items:center;gap:8px;margin-left:auto;display:flex}.tb-ico{border-radius:var(--rad-sm);background:var(--glass);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text2);justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:relative}.tb-ico:hover{background:var(--glass2);color:var(--text)}.tb-ico .dot{background:var(--a1);border:1px solid var(--bg);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.sync-pill{color:var(--t1);cursor:default;background:#00e5bb14;border:1px solid #00e5bb33;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.sync-dot{background:var(--t1);border-radius:50%;width:6px;height:6px;animation:1.8s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.btn-up{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border-radius:var(--rad-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-b);letter-spacing:.3px;border:none;padding:8px 18px;transition:all .15s;box-shadow:0 0 20px #6c47ff4d}.btn-up:hover{opacity:.88;box-shadow:0 0 30px #6c47ff80}.content{padding:26px;animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{border:1px solid var(--border2);border-radius:var(--rad-xl);background:linear-gradient(135deg,#6c47ff14,#00e5bb0a,#ff6b9d0a);justify-content:space-between;align-items:center;margin-bottom:22px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-l .hero-badge{border:1px solid var(--border2);color:var(--text2);background:#ffffff0f;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 12px;font-size:11.5px;display:inline-flex}.hero-l h1{font-family:var(--font-h);letter-spacing:-1px;margin-bottom:10px;font-size:30px;font-weight:700;line-height:1.18}.hero-l h1 span{background:linear-gradient(135deg,var(--p3),var(--t1));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-l p{color:var(--text2);max-width:430px;margin-bottom:20px;font-size:14px;line-height:1.65}.hero-btns{flex-wrap:wrap;gap:10px;display:flex}.btn-hero{border-radius:var(--rad-sm);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-b);padding:10px 22px;transition:all .15s}.btn-hero.solid{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border:none;box-shadow:0 0 24px #6c47ff59}.btn-hero.solid:hover{opacity:.88}.btn-hero.outline{border:1px solid var(--border3);color:var(--text);background:0 0}.btn-hero.outline:hover{background:var(--glass2)}.hero-r{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:7px;width:260px;display:grid}.hchip{background:var(--glass);border:1px solid var(--border);border-radius:var(--rad-sm);text-align:center;cursor:pointer;padding:9px 8px;transition:all .2s}.hchip:hover{background:var(--glass3);border-color:var(--border3)}.hchip .hci{margin-bottom:3px;font-size:18px;display:block}.hchip .hct{color:var(--text2);font-size:10px}.stats-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px;display:grid}.scard{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--rad);padding:16px 18px;transition:border-color .2s;position:relative;overflow:hidden}.scard:hover{border-color:var(--border2)}.scard-glow{opacity:.08;border-radius:50%;width:100px;height:100px;position:absolute;top:-40px;right:-40px}.scard-label{color:var(--text2);margin-bottom:7px;font-size:11.5px;font-weight:500}.scard-val{font-family:var(--font-h);letter-spacing:-.5px;font-size:24px;font-weight:700}.scard-sub{color:var(--text3);margin-top:5px;font-size:11px}.scard-sub.up{color:var(--g1)}.scard-sub.hot{color:var(--a1)}.cf-wrap{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.cf{cursor:pointer;border:1px solid var(--border);color:var(--text2);background:var(--glass);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:7px 15px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf:hover{border-color:var(--border2);color:var(--text)}.cf.active{border-color:var(--p1);color:var(--p3);background:#6c47ff1a}.cf .ci{font-size:13px}.cf .cc{background:var(--bg5);color:var(--text3);border-radius:10px;margin-left:2px;padding:1px 6px;font-size:10px}.sh{align-items:center;gap:8px;margin-bottom:14px;display:flex}.sh-title{font-family:var(--font-h);letter-spacing:-.3px;font-size:15px;font-weight:600}.sh-pill{background:var(--bg5);color:var(--text3);border-radius:10px;padding:2px 8px;font-size:11px}.sh-link{color:var(--p3);cursor:pointer;opacity:.8;margin-left:auto;font-size:12.5px;transition:opacity .15s}.sh-link:hover{opacity:1}.pgrid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:26px;display:grid}.pcard{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--rad);cursor:pointer;padding:17px;transition:all .2s;position:relative;overflow:hidden}.pcard:hover{border-color:var(--border2);transform:translateY(-2px)}.pcard-shine{border-radius:0 var(--rad) 0 100px;opacity:.04;pointer-events:none;width:100px;height:100px;position:absolute;top:0;right:0}.pcard-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.pcard-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex}.pcard-meta{flex:1;min-width:0}.pcard-title{font-family:var(--font-h);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin-bottom:2px;font-size:13.5px;font-weight:600;overflow:hidden}.pcard-cat{color:var(--text3);font-size:11px}.pcard-desc{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:11px;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.pcard-tags{flex-wrap:wrap;gap:5px;margin-bottom:11px;display:flex}.ptag{background:var(--bg5);color:var(--text3);border-radius:10px;padding:2px 8px;font-size:10px}.pcard-foot{border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:10px;display:flex}.pstat{color:var(--text3);align-items:center;gap:3px;font-size:11.5px;display:flex}.badge-free{color:var(--t1);background:#00e5bb1a;border:1px solid #00e5bb33;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.badge-pro{color:var(--p3);background:#6c47ff1f;border:1px solid #6c47ff40;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.badge-new2{color:var(--o1);background:#ff9f471f;border:1px solid #ff9f4733;border-radius:10px;padding:2px 7px;font-size:9px;font-weight:700}.lock-ov{opacity:0;border-radius:var(--rad);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.pcard:hover .lock-ov{opacity:1}.lock-btn2{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border-radius:var(--rad-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-b);border:none;padding:9px 22px}.sync-widget{border-radius:var(--rad-lg);background:linear-gradient(135deg,#00e5bb0f,#6c47ff0f);border:1px solid #00e5bb26;align-items:center;gap:16px;margin-bottom:22px;padding:18px 22px;display:flex}.sw-icon-wrap{background:#00e5bb1a;border:1px solid #00e5bb40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.sw-text{flex:1}.sw-title{color:var(--t1);margin-bottom:3px;font-size:14px;font-weight:700}.sw-sub{color:var(--text2);font-size:12px;line-height:1.5}.sw-bar{background:var(--bg5);border-radius:2px;max-width:300px;height:3px;margin-top:8px;overflow:hidden}.sw-prog{background:linear-gradient(90deg,var(--t1),var(--p1));border-radius:2px;width:70%;height:100%;animation:3s ease-in-out infinite alternate prog}@keyframes prog{0%{width:55%}to{width:88%}}.sw-stats{flex-shrink:0;gap:20px;display:flex}.sw-stat{text-align:center}.sw-val{font-family:var(--font-h);color:var(--t1);font-size:20px;font-weight:700}.sw-lbl{color:var(--text3);margin-top:1px;font-size:10px}.twocol{grid-template-columns:1fr 300px;gap:14px;margin-bottom:26px;display:grid}.trend-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--rad-sm);cursor:pointer;align-items:center;gap:12px;margin-bottom:7px;padding:11px 14px;transition:all .15s;display:flex}.trend-item:hover{background:var(--glass2);border-color:var(--border2)}.t-rank{font-family:var(--font-h);color:var(--text3);text-align:center;flex-shrink:0;width:26px;font-size:18px;font-weight:700}.t-rank.gold{color:var(--y1)}.t-rank.silver{color:var(--text2)}.t-rank.bronze{color:var(--o1)}.t-info{flex:1}.t-name{font-size:13.5px;font-weight:500}.t-meta{color:var(--text3);margin-top:2px;font-size:11.5px}.t-stat{color:var(--g1);white-space:nowrap;background:#47e89114;border:1px solid #47e89126;border-radius:20px;padding:3px 10px;font-size:11.5px}.act-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--rad);padding:14px;overflow:hidden}.act-item{border-bottom:1px solid var(--border);gap:10px;padding:9px 0;display:flex}.act-item:last-child{border-bottom:none;padding-bottom:0}.act-ico{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:1px;font-size:13px;display:flex}.act-txt{color:var(--text2);font-size:12.5px;line-height:1.5}.act-txt b{color:var(--text);font-weight:600}.act-time{color:var(--text3);margin-top:3px;font-size:10.5px}.pgrid3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pc{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--rad-lg);padding:24px;transition:border-color .2s;position:relative;overflow:hidden}.pc:hover{border-color:var(--border2)}.pc.popular{background:#6c47ff0a;border-color:#6c47ff66}.pc.popular:after{content:"MOST POPULAR";background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;letter-spacing:1px;padding:5px 32px;font-size:9px;font-weight:800;position:absolute;top:14px;right:-22px;transform:rotate(35deg)}.pc-icon{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:flex}.pc-name{font-family:var(--font-h);letter-spacing:-.3px;margin-bottom:4px;font-size:16px;font-weight:700}.pc-price{font-family:var(--font-h);letter-spacing:-1.5px;margin:10px 0 3px;font-size:34px;font-weight:700}.pc-price span{color:var(--text2);font-size:13px;font-weight:400}.pc-desc{color:var(--text2);margin-bottom:18px;font-size:12.5px;line-height:1.55}.pc-feats{margin-bottom:20px;list-style:none}.pc-feat{color:var(--text2);align-items:center;gap:8px;padding:4.5px 0;font-size:12.5px;display:flex}.pc-feat:before{content:"✓";color:var(--t1);flex-shrink:0;font-size:11px;font-weight:800}.pc-feat.no:before{content:"✕";color:var(--text3)}.pc-feat.no{color:var(--text3)}.btn-plan{border-radius:var(--rad-sm);cursor:pointer;width:100%;font-size:14px;font-weight:700;font-family:var(--font-b);padding:11px;transition:all .15s}.btn-plan.solid{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border:none;box-shadow:0 0 24px #6c47ff4d}.btn-plan.solid:hover{opacity:.88}.btn-plan.ghost{border:1px solid var(--border2);color:var(--text);background:0 0}.btn-plan.ghost:hover{background:var(--glass2)}.modal-bg{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-bg.open{display:flex}.modal{border:1px solid var(--border2);border-radius:var(--rad-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0c15f5;width:92%;max-width:560px;max-height:88vh;padding:28px;position:relative;overflow-y:auto}.modal-close{background:var(--glass);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text2);border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--glass2);color:var(--text)}.modal-title{font-family:var(--font-h);letter-spacing:-.5px;margin-bottom:3px;font-size:20px;font-weight:700}.prompt-box{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--rad-sm);color:var(--text);white-space:pre-wrap;border-left:3px solid var(--p1);margin:14px 0 16px;padding:16px;font-family:monospace;font-size:13.5px;line-height:1.75}.modal-acts{gap:8px;display:flex}.btn-copy{color:var(--p3);border-radius:var(--rad-sm);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-b);background:#6c47ff1a;border:1px solid #6c47ff4d;flex:1;padding:11px;transition:all .15s}.btn-copy:hover{background:var(--p1);color:#fff;border-color:var(--p1)}.btn-save{border:1px solid var(--border2);color:var(--text2);border-radius:var(--rad-sm);cursor:pointer;font-size:14px;font-family:var(--font-b);background:0 0;padding:11px 18px;transition:all .15s}.btn-save:hover{color:var(--a1);border-color:var(--a1)}.modal-tags2{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.mtag{background:var(--bg4);color:var(--text3);border:1px solid var(--border);border-radius:10px;padding:4px 11px;font-size:11px}@media (width<=1100px){.pgrid{grid-template-columns:repeat(2,1fr)!important}.stats-row{grid-template-columns:repeat(3,1fr)}.twocol,.pgrid3{grid-template-columns:1fr}}@media (width<=680px){.sidebar{display:none}.main{margin-left:0}.hero-r{display:none}.hero{padding:22px}}