:root{--bg:#0a0a0d;--panel:#14141b;--panel2:#1b1b25;--line:#2a2a38;--text:#f1f2f7;--mute:#8d90a5;--accent:#2f6bff;--accent2:color-mix(in srgb,var(--accent) 62%,#fff);--ok:#3fb15f;--bad:#a83f3a;--star:#ffc857;--r:14px}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(900px 500px at 80% -10%,color-mix(in srgb,color-mix(in srgb,var(--accent) 24%,#0a0a10) 33%,transparent),transparent 60%),radial-gradient(700px 400px at 0 20%,#1b1b4033,transparent 60%),var(--bg);color:var(--text);font:15px/1.55 Poppins,system-ui,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}code{background:var(--panel2);padding:2px 6px;border-radius:6px;font-size:.9em}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 18px;background:#0a0a0dcc;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .sp{flex:1}.logo{font-weight:700;font-size:19px}.logo b{color:var(--accent)}
.ib{width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer;font-size:19px;position:relative}
.ib:hover{background:var(--panel2)}.ib img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.dot{position:absolute;top:6px;right:6px;min-width:16px;height:16px;border-radius:99px;background:var(--accent);font-size:10px;display:grid;place-items:center;font-weight:700}
.pop{position:absolute;right:14px;top:64px;width:min(300px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 50px #000a;z-index:40;overflow:hidden}
.pop .hd{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:500}.pop .hd b{color:var(--accent)}
.pop a,.pop button.it{display:flex;gap:12px;align-items:center;width:100%;padding:12px 16px;background:none;border:0;color:var(--text);font:inherit;cursor:pointer;text-align:left}.pop a:hover,.pop button.it:hover{background:var(--panel2)}
.pop .pad{padding:12px}.pop .n{padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px}.pop .n.u{background:color-mix(in srgb,var(--accent) 8%,transparent)}.pop .n small{color:var(--mute);display:block}
.drawer{position:fixed;inset:0 auto 0 0;width:260px;background:var(--panel);border-right:1px solid var(--line);z-index:50;padding:20px 12px;transform:translateX(-100%);transition:.2s}
.drawer.open{transform:none}.veil{position:fixed;inset:0;background:#000a;z-index:45}
.drawer a{display:flex;gap:12px;padding:12px 14px;border-radius:10px;margin-bottom:4px}.drawer a:hover,.drawer a.on{background:var(--panel2);color:var(--accent)}
.page{max-width:980px;margin:0 auto;padding:22px 18px 60px}
.crumb{color:var(--mute);display:flex;gap:10px;align-items:center;font-size:14px}.crumb .ic{color:var(--accent)}
h1{font-size:28px;margin:8px 0 18px}h2{font-size:20px;margin:0 0 14px}h3{margin:0 0 10px;font-size:17px}
.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:500 14px Poppins,sans-serif;cursor:pointer;transition:.15s}
.btn:hover{filter:brightness(1.15)}.btn.ok{background:var(--ok);border-color:var(--ok)}.btn.pri{background:var(--accent);border-color:var(--accent);color:#ffffff}.btn.bad{background:var(--bad);border-color:var(--bad)}.btn.sm{padding:7px 13px;font-size:13px}.btn.full{width:100%}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}
.card>h2:before,.sec>h2:before{content:"";display:inline-block;width:4px;height:18px;background:var(--accent);border-radius:3px;margin-right:12px;vertical-align:-3px}
.sub{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:14px}
.info{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:var(--r);padding:14px 16px;display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;color:#f0ddcd}
.info.warn{background:#ffc85714;border:1px solid #ffc85755}
label.l{display:block;margin:14px 0 6px;font-weight:500}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input:not([type]),textarea,select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#0d0d13;color:var(--text);font:inherit;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--accent)}
input[type=color]{width:100%;height:48px;border:1px solid var(--line);background:#0d0d13;border-radius:10px;padding:5px;cursor:pointer}
.sw{display:flex;gap:14px;align-items:center;margin:12px 0;cursor:pointer}.sw input{display:none}
.sw i{width:52px;height:30px;border-radius:99px;background:#3a3a48;position:relative;flex:none;transition:.2s}
.sw i:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#ddd;transition:.2s}
.sw input:checked+i{background:var(--ok)}.sw input:checked+i:after{left:26px}.sw .lock{color:var(--mute);font-size:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.pcard{display:flex;gap:18px;align-items:center;border:2px solid var(--pc,var(--accent));border-radius:var(--r);padding:18px;background:var(--panel2);flex-wrap:wrap}
.pcard .av{width:64px;height:64px;border-radius:50%;background:#0d0d13 center/cover;flex:none;display:grid;place-items:center;font-size:26px;overflow:hidden}.pcard .av img{width:100%;height:100%;object-fit:cover}
.pcard .mt{flex:1;min-width:150px}.pcard .mt small{color:var(--mute);display:block}
.badge{display:inline-block;padding:4px 12px;border-radius:8px;background:#4a5068;font-weight:600;font-size:12px}.badge.biz{background:var(--accent);color:#ffffff}
.dc{background:#2b2d31;border-radius:8px;border-left:4px solid var(--c,var(--accent));padding:14px 16px;max-width:460px;position:relative}
.dc .used{color:#b5bac1;font-size:14px;margin-bottom:6px}.dc .used b{color:#57d28f}.dc .used span{background:#5865f240;color:#c9cdfb;padding:1px 6px;border-radius:4px}
.dc .t{color:#00a8fc;font-weight:600;margin-bottom:4px}.dc .f{font-weight:600;margin-top:8px;font-size:14px}.dc .v{color:#dbdee1;font-size:14px;white-space:pre-wrap}
.dc .ft{color:#949ba4;font-size:12px;margin-top:10px;padding-top:8px;border-top:1px solid #3f4147}.dc .th{position:absolute;right:14px;top:34px;width:64px;height:64px;border-radius:8px;background:#444 center/cover}
.stars{color:var(--star);letter-spacing:2px}.stars i{color:#3a3a4a;font-style:normal}
.rate{display:flex;gap:6px;font-size:26px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 12px;border-radius:99px;border:1px solid var(--line);background:#0d0d13;cursor:pointer;font-size:13px;user-select:none}.chip.on{background:var(--accent);border-color:var(--accent);color:#ffffff;font-weight:600}
.srv{display:flex;gap:14px;align-items:center;padding:12px 14px;border:2px solid var(--line);border-radius:12px;margin-bottom:10px;cursor:pointer;background:#0d0d13}.srv.on{border-color:var(--accent)}.srv img,.srv .ph{width:44px;height:44px;border-radius:50%;background:var(--panel2);flex:none;display:grid;place-items:center}
.empty{text-align:center;color:var(--mute);padding:34px 10px}.empty .big{font-size:44px;opacity:.6}
.msg{padding:11px 14px;border-radius:10px;font-size:14px;margin-top:12px}.msg.err{background:#a83f3a33;color:#ff9c95}.msg.ok{background:#3fb15f26;color:#7be29a}
.hero{text-align:center;padding:70px 0 30px}.hero h1{font-size:clamp(34px,7vw,58px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 16px}.hero h1 span{color:var(--accent)}.hero p{color:var(--mute);max-width:560px;margin:0 auto 26px;font-size:17px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}.stat{text-align:center;padding:20px}.stat b{font-size:32px;display:block}.stat span{color:var(--mute);font-size:13px}
.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.price li{margin:8px 0;color:#cfd2e2}.price ul{padding-left:20px}.price .big{font-size:34px;font-weight:700}
.vouch{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:10px}.vouch img{width:40px;height:40px;border-radius:50%;flex:none}.vouch p{margin:4px 0 0;color:#d5d8e6;word-break:break-word}.vouch small{color:var(--mute)}
.pub{max-width:640px;margin:30px auto;border:2px solid var(--pc,var(--accent));border-radius:22px;padding:26px;background:var(--panel)}.pub .hd{display:flex;gap:18px;align-items:center;margin-bottom:18px}.pub .hd img,.pub .hd .ph{width:84px;height:84px;border-radius:50%;background:var(--panel2)}
.pub .kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px}.pub .kv div{background:var(--panel2);border-radius:12px;padding:12px;text-align:center}.pub .kv b{display:block;font-size:20px}.pub .kv small{color:var(--mute)}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--mute);font-weight:500}.scroll{overflow-x:auto}
.auth{max-width:420px;margin:50px auto}.foot{text-align:center;color:var(--mute);font-size:13px;padding:40px 0}
.modal{position:fixed;inset:0;background:#000b;z-index:60;display:grid;place-items:center;padding:18px}.modal .card{width:min(420px,100%);margin:0}
@media(max-width:640px){.stats{grid-template-columns:1fr}.hero{padding-top:40px}}

.drawer{overflow-y:auto}.drawer h4{margin:16px 14px 6px;font-size:12px;color:var(--mute);letter-spacing:1px}
.drawer a.on{background:var(--accent);color:#ffffff}.drawer a.soon{opacity:.45;cursor:not-allowed}.drawer a em{margin-left:auto;font-size:11px;font-style:normal}
.drawer select{padding:10px 12px}
@media(min-width:1000px){.ws .drawer{transform:none;top:65px;z-index:20}.ws .page{margin-left:280px;max-width:900px;margin-right:auto}.ws .top .ib:first-child{visibility:hidden}}
.steps .st{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:10px;background:var(--panel2)}.steps .st.done{border-color:var(--ok)}
.steps .n{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#ffffff;display:grid;place-items:center;font-weight:700;flex:none}.steps .done .n{background:var(--ok)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.tiles .card{margin:0;text-align:center;padding:16px}.tiles b{font-size:26px;display:block}.tiles span{color:var(--mute);font-size:13px}
.guide ol{padding:0;list-style:none;counter-reset:g}.guide li{counter-increment:g;display:flex;gap:14px;margin-bottom:14px}.guide li:before{content:counter(g);width:30px;height:30px;border-radius:50%;background:var(--accent);color:#ffffff;display:grid;place-items:center;font-weight:700;flex:none}.guide a{color:#8f9bff;text-decoration:underline}
.lbrow{display:flex;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}.lbrow:last-child{border:0}.lbrow .rk{width:34px;font-weight:700;color:var(--accent)}.lbrow img,.lbrow .ph{width:40px;height:40px;border-radius:50%;background:var(--panel2);flex:none}.lbrow .c{margin-left:auto;text-align:right;color:var(--mute);font-size:13px}
.card.hl{background:linear-gradient(135deg,color-mix(in srgb,color-mix(in srgb,var(--accent) 24%,#0a0a10) 40%,transparent),var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,transparent);position:relative}
.card .x{position:absolute;right:16px;top:14px;background:none;border:0;color:var(--mute);font-size:18px;cursor:pointer}
.steps a.st{color:inherit}.disc{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#1c1f4a,var(--panel));border-color:#3b3f8f}
.ovg{display:grid;gap:12px;margin-top:14px}.ov{display:flex;gap:16px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.ov b{font-size:26px;line-height:1.2;display:block}.ov b.sm{font-size:17px}.ov small{color:var(--mute);letter-spacing:1px;font-weight:600;font-size:12px}
.ico{width:52px;height:52px;border-radius:12px;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);display:grid;place-items:center;font-size:22px;flex:none}
.plan-box{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--r);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,transparent),var(--panel2));margin-bottom:12px}.plan-box .btn{margin-left:auto}
.qa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2);color:var(--text);font:600 15px Poppins,sans-serif;cursor:pointer}
.qa.soon{opacity:.5;cursor:not-allowed}.qa em{font-size:11px;font-style:normal;color:var(--mute)}
@media(min-width:700px){.ovg{grid-template-columns:repeat(2,1fr)}}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.5px}.brand b{color:var(--accent)}
.authwrap{max-width:520px;padding-top:40px}.authlogo{display:flex;justify-content:center;margin:30px 0 26px;font-size:26px}
.acard{background:#131316;border:1px solid var(--line);border-radius:14px;overflow:hidden}.ahead{background:#4b4b4f;padding:16px 20px;font-weight:700;font-size:18px}.abody{padding:22px}
.inp{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:0 14px}.inp input{background:none!important;border:0!important;color:#111!important;padding:14px 0!important}.inp input::placeholder{color:#777}
.btn.blue{background:#3f5fb0;border-color:#3f5fb0;color:#fff;padding:15px}.or{display:flex;align-items:center;gap:14px;color:var(--mute);font-weight:700;margin:20px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.gsoon{background:#232326;cursor:not-allowed}.soonb{background:var(--accent);color:#ffffff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px}
a.ul{color:var(--accent);text-decoration:underline}.note{border:1px solid #3b82c4;background:#0f2233;border-radius:10px;padding:14px;text-align:center;margin-bottom:18px}
.cboxes{display:flex;gap:10px;justify-content:center;margin:18px 0}.cbox{width:100%!important;max-width:54px;height:60px;text-align:center;font-size:24px!important;padding:0!important}
.sitefoot{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;margin:60px -18px 0;padding:34px 24px;background:#101214;border-top:1px solid var(--line)}
.sitefoot h4{margin:0 0 10px;font-size:13px;color:var(--mute);letter-spacing:1px}.sitefoot a{display:block;padding:6px 0}.sitefoot .copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;color:var(--mute);font-size:14px}
@media(min-width:1000px){.ws .sitefoot{margin-left:-18px}}
.landing .top{margin:12px 12px 0;border:1px solid var(--line);border-radius:16px;background:#101014ee}.landing .page{padding-top:10px}
.landing{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),radial-gradient(900px 500px at 15% 5%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),radial-gradient(800px 500px at 90% 30%,#3b3f8f33,transparent 60%);background-size:56px 56px,56px 56px,auto,auto}
.pill{display:inline-block;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent2);border-radius:99px;padding:6px 16px;font-size:13px;margin-bottom:20px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.sect{text-align:center;padding:50px 0 10px}.kick{color:var(--accent);font-weight:700;letter-spacing:1px}.big{font-size:clamp(30px,6vw,48px);line-height:1.15;margin:8px 0 12px;letter-spacing:-1px}.lead{color:var(--mute);font-size:17px;max-width:620px;margin:0 auto 30px}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.track{display:flex;gap:16px;width:max-content;animation:slide calc(var(--n)*6s) linear infinite}.marquee:hover .track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.track{animation:none}.marquee{overflow-x:auto}}
.sc{position:relative;display:block;text-align:left;width:300px;min-height:230px;flex:none;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,#0a0a10),#0e0e12 60%);border:1px solid var(--line);border-radius:18px;padding:22px 18px}
.sc .src{position:absolute;right:12px;top:-6px;background:#5865f2;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700}.scm{font-weight:600;font-size:17px;margin:0 0 14px;word-break:break-word}.scf{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:2px}.scf small{color:var(--mute)}
.lbt{max-width:640px;margin:0 auto;background:linear-gradient(180deg,color-mix(in srgb,color-mix(in srgb,var(--accent) 18%,#0a0a10) 33%,transparent),#12121a);border:1px solid color-mix(in srgb,var(--accent) 27%,transparent);border-radius:22px;padding:12px;text-align:left}
.lbh{display:flex;padding:14px 18px;background:#08080b;border-radius:12px;color:var(--mute);font-size:14px;letter-spacing:1px;margin-bottom:12px}
.lbr{display:flex;align-items:center;padding:16px 18px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px;background:#17171d}.lbr:hover{border-color:var(--accent)}
.lbr.r1,.lbr.r2,.lbr.r3{background:linear-gradient(90deg,color-mix(in srgb,color-mix(in srgb,var(--accent) 34%,#0a0a10) 33%,transparent),#1c1c3a55);border-color:color-mix(in srgb,var(--accent) 33%,transparent)}
.medal{width:42px;height:42px;border-radius:50%;background:#23232c;display:grid;place-items:center;font-weight:700;color:#fff}.r1 .medal{background:#f8d24a;color:#1a1400}.r2 .medal{background:#e5e9f0;color:#111}.r3 .medal{background:#e08a2c;color:#ffffff}
.vc{color:var(--accent);font-weight:700;font-size:18px}
.plans{display:grid;gap:18px;text-align:left;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.plancard{background:#17171c;border:1px solid var(--line);border-radius:20px;padding:26px}.plancard.best{border-color:var(--accent);box-shadow:0 0 40px color-mix(in srgb,var(--accent) 13%,transparent)}
.plancard h3{font-size:24px;margin:0}.bestv{border:1px solid var(--accent);color:var(--accent2);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700}
.pv{font-size:44px;letter-spacing:-1px}.plancard small{color:var(--mute);font-size:17px;font-weight:600}
.feat{list-style:none;padding:0;margin:0 0 24px}.feat li{display:flex;gap:14px;padding:7px 0;color:#e3e5f0}.feat li.off{color:#777a8e}.feat i{width:20px;font-style:normal;font-weight:700;text-align:center}.tg{color:#f0b429;font-style:normal}.tg.soon{color:var(--mute);font-size:12px}
.ban{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);margin:10px -18px 20px;padding:10px 0;font-weight:700;letter-spacing:1px;color:var(--mute)}
.bt{display:inline-block;animation:slide 40s linear infinite}.bt span{margin-right:10px}.bt span::first-line{color:var(--text)}
@media(prefers-reduced-motion:reduce){.bt{animation:none}}
.pubp{max-width:680px;margin:20px auto;background:linear-gradient(180deg,#0d0d10,#101013);border:1px solid var(--pc,var(--line));border-radius:22px;padding:30px 24px;text-align:left}
.pav{width:120px;height:120px;border-radius:50%;background:#0a1a30;border:6px solid #16161a;display:grid;place-items:center;font-size:52px;overflow:hidden;margin-bottom:22px}.pav img{width:100%;height:100%;object-fit:cover}
.pname{font-size:clamp(34px,8vw,52px);color:var(--accent);margin:0 0 6px;letter-spacing:-1px}.pscore{font-size:22px;font-weight:700;color:var(--accent);margin-bottom:8px}.pbio{color:#cfd2e2;font-size:18px;margin:8px 0}
.soc{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:22px;border:2px solid #2a2a30}
.awards{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.aw{width:46px;height:46px;border-radius:10px;background:#1b1b20;border:1px solid var(--line);display:grid;place-items:center;font-size:24px}
.pubp .kv{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.pubp .kv div{background:var(--panel2);border-radius:12px;padding:12px;text-align:center}.pubp .kv b{display:block;font-size:19px}.pubp .kv small{color:var(--mute)}
.vlist{max-width:680px;margin:30px auto 0;display:flex;flex-direction:column;gap:26px;text-align:left}
.sc.wide{width:auto;min-height:0;padding:26px 20px 18px;display:block}.proof{display:block;margin:24px 0 8px;color:#cfd2e2;font-size:16px}.proof.off{color:var(--mute)}a.proof{color:var(--accent)}
.sc.wide .scf{margin-top:8px}
.stack{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));text-align:left;max-width:980px;margin:0 auto}
.step,.fc{margin:0;padding:26px}.sn{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent2);display:grid;place-items:center;font-weight:700;margin-bottom:22px}
.fi{width:54px;height:54px;border-radius:12px;background:#5865f222;display:grid;place-items:center;font-size:24px;margin-bottom:22px}

.hero2{padding:34px 0 10px}.pill2{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);background:#141418;border-radius:99px;padding:10px 20px;font-weight:600;font-size:15px}.pill2 i{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block}
.h1x{font-size:clamp(46px,13vw,84px);line-height:1.02;letter-spacing:-2px;margin:26px 0 20px}.h1x #typed{color:var(--accent)}.caret{display:inline-block;width:4px;height:.85em;background:var(--accent);margin-left:6px;vertical-align:-.08em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.subp{font-size:clamp(18px,4.4vw,22px);color:#c3c6d6;max-width:640px;margin:0 0 28px}.btn.lg{padding:20px 30px;font-size:19px;border-radius:14px}
.chip2{border:1px solid var(--line);background:#17171b;border-radius:14px;padding:13px 22px;font-weight:700;color:#d8dae6}
.win{border:1px solid var(--line);background:#101013;border-radius:18px;overflow:hidden;margin:34px 0}.wbar{display:flex;align-items:center;gap:10px;padding:18px 22px;background:#1a1a1e;font-weight:700;font-size:18px}.wbar i{width:20px;height:20px;border-radius:50%;background:#33333a;display:inline-block}.wbar span{margin-left:22px}.win img{display:block;width:100%;height:auto}
.bigstats{display:grid;gap:14px;margin:30px 0}.bs{border:1px solid var(--line);background:#151518;border-radius:16px;padding:22px 26px}.bs b{display:block;font-size:42px;letter-spacing:-1px}.bs span{color:#b9bccb;font-size:19px}
@media(min-width:800px){.bigstats{grid-template-columns:repeat(3,1fr)}}
.tag{display:inline-block;padding:3px 10px;border-radius:99px;background:#2a2a38;font-size:12px}.tag.ok{background:#3fb15f33;color:#7be29a}.tag.bad{background:#a83f3a33;color:#ff9c95}

/* ===== Thème violet + finitions ===== */
:root{--bg:#08080d;--panel:#11111a;--panel2:#181824;--line:#262638;--text:#f3f4fb;--mute:#9394ac;--accent:#2f6bff;--accent2:color-mix(in srgb,var(--accent) 62%,#fff);--r:16px}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:radial-gradient(900px 520px at 85% -8%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 60%),radial-gradient(700px 420px at 0 12%,color-mix(in srgb,color-mix(in srgb,var(--accent2) 45%,#22d3ee) 7%,transparent),transparent 60%),var(--bg)}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}
*{scrollbar-width:thin;scrollbar-color:#33334a transparent}
:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:8px}
/* icônes maison */
.ico-i{display:inline-flex;vertical-align:-.22em;margin-right:.4em;line-height:0;flex:none}.ico-i svg{width:1.15em;height:1.15em;display:block}
.ico .ico-i,.aw .ico-i,.pav .ico-i,.fi .ico-i,.empty .ico-i,.sn .ico-i,.ib .ico-i,.medal .ico-i,.disc .ico-i,.drawer a .ico-i,.qa .ico-i,.dot .ico-i{margin:0}
.drawer a{align-items:center}.drawer a .ico-i{color:var(--mute)}.drawer a.on .ico-i,.drawer a:hover .ico-i{color:inherit}
.ico{font-size:24px;color:var(--accent2)}.fi{color:color-mix(in srgb,var(--accent2) 65%,#fff)}.fi,.ico{font-size:26px}
.aw{font-size:26px}.empty .big{opacity:1}
.info .ico-i:first-child{color:var(--accent2);font-size:20px}
.stars .ico-i{margin:0}
/* boutons */
.btn{border-radius:12px;transition:transform .15s,box-shadow .2s,filter .2s,border-color .2s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn:active{transform:none}.btn:disabled{opacity:.5;pointer-events:none}
.btn.pri,.btn.ok{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 25%,transparent)}
.btn.pri:hover,.btn.ok:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 40%,transparent)}
.btn.blue{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#3b82f6),var(--accent));border-color:transparent;color:#fff}
.btn.bad{background:#7d2c35;border-color:#a3404c}
/* cartes */
.card{background:linear-gradient(180deg,#141420,#0f0f18);border-color:var(--line);box-shadow:0 1px 0 #ffffff08 inset,0 14px 34px #00000040}
.card>h2:before,.sec>h2:before{background:linear-gradient(var(--accent),var(--accent2));width:4px}
.sub,.ov,.step{background:var(--panel2)}
.pcard,.lbr,.sc,.plancard,.ov,.bs,.vouch{transition:transform .2s,border-color .2s,box-shadow .2s}
.pcard:hover,.lbr:hover,.sc:hover,.plancard:hover,.bs:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 12%,transparent)}
/* champs */
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}
.sw input:checked+i{background:linear-gradient(135deg,var(--accent),var(--accent2))}
.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.drawer a.on{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 25%,transparent)}
.badge.biz{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}
/* barre du haut */
.top{background:#09090fcc;border-bottom-color:#22223066}.ib{border-radius:12px}.ib:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.ib>span[style]{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 33%,transparent)}
.dot{background:linear-gradient(135deg,var(--accent),#f43f5e);color:#fff}
/* titres */
h1{letter-spacing:-.5px}.big,.h1x,.pname{text-wrap:balance}
.big{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent2) 30%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2{position:relative}.hero2:before{content:"";position:absolute;inset:-60px -20px auto;height:320px;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 20%,transparent),transparent);z-index:-1;filter:blur(20px)}
.h1x #typed{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.caret{background:var(--accent)}
.win{box-shadow:0 30px 80px color-mix(in srgb,var(--accent) 15%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 13%,transparent)}
/* apparition douce des pages */
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.page>*{animation:rise .4s ease both}.page>*:nth-child(2){animation-delay:.04s}.page>*:nth-child(3){animation-delay:.08s}.page>*:nth-child(4){animation-delay:.12s}.page>*:nth-child(n+5){animation-delay:.16s}
@media(prefers-reduced-motion:reduce){.page>*{animation:none}}
/* chargement */
.spin{width:38px;height:38px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 20%,transparent);border-top-color:var(--accent);margin:80px auto;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
/* détails */
.lbr.r1,.lbr.r2,.lbr.r3{background:linear-gradient(90deg,color-mix(in srgb,color-mix(in srgb,var(--accent) 34%,#0a0a10) 33%,transparent),#12122a55)}
.vc{color:var(--accent2)}.kick{color:var(--accent2)}
.sitefoot{background:#0b0b12}
.msg.ok{background:#3fb15f22}
@media(max-width:640px){.page{padding:18px 14px 50px}.card{padding:18px;border-radius:16px}.top{padding:10px 12px}}

.inp .ico-i{color:#6b6e85;margin:0}.inp input::placeholder{color:#8a8da3}

.bar{height:10px;border-radius:99px;background:#22222f;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}
.awgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.awc{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.awc.lock{opacity:.45;filter:grayscale(1)}.awi{font-size:54px;line-height:1}.awc small{color:var(--mute)}
.vform{max-width:680px;margin:20px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:12px;text-align:left}.vform .rate{font-size:28px}

a.btn.off{opacity:.45;pointer-events:none}
.serp{background:#fff;color:#202124;border-radius:12px;padding:16px;max-width:560px}.serp small{color:#4d5156}.serp .st{color:#1a0dab;font-size:20px;margin:2px 0}.serp .sd{color:#4d5156;font-size:14px}

input[type=file]{padding:10px;color:var(--mute);width:100%}
input[type=file]::file-selector-button{margin-right:14px;padding:9px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font:600 14px Poppins,sans-serif;cursor:pointer}
input[type=file]::file-selector-button:hover{border-color:var(--accent)}

.wprev{display:inline-block;padding:22px;border-radius:14px;background:#0d0d13;border:1px dashed var(--line)}.wprev.light{background:#eef0f7}.wprev img{display:block;max-width:100%;height:auto}

button.chip{color:var(--text);font:500 13px Poppins,sans-serif}button.chip.on{color:#fff}button.chip:disabled{opacity:.5;cursor:not-allowed}
.grid2{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid2 .card{margin-bottom:0}
.hbars{display:grid;gap:10px}.hb{display:grid;grid-template-columns:110px 1fr 46px;gap:10px;align-items:center;font-size:14px}.hb .hl{color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar{height:10px;background:#22222f;border-radius:99px;overflow:hidden}.hbar i{display:block;height:100%;border-radius:99px;background:var(--accent)}.hb b{text-align:right}
.heat{overflow-x:auto}.hrow{display:grid;grid-template-columns:34px repeat(24,1fr);gap:3px;margin-bottom:3px;min-width:520px}.hd,.hhead span{font-size:11px;color:var(--mute)}.hc{height:18px;border-radius:4px;background:var(--accent)}

.reply{margin-top:10px;padding:10px 14px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:0 10px 10px 0}.reply b{font-size:12px;color:var(--accent2);letter-spacing:.5px}.reply p{margin:4px 0 0!important;color:#dfe2f0!important}
.vseller{display:inline-flex;align-items:center;gap:6px;margin-left:12px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:99px;background:#3fb15f26;color:#7be29a;vertical-align:middle;letter-spacing:0}

pre.code{background:#0b0b11;border:1px solid var(--line);border-radius:12px;padding:14px;overflow-x:auto;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d6d9ea;margin:8px 0 16px;white-space:pre}

.installbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;display:flex;gap:12px;align-items:center;padding:12px 14px;background:#161622f2;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #000a;max-width:520px;margin:0 auto}
.installbar img{border-radius:10px}
.top{padding-top:calc(12px + env(safe-area-inset-top))}.page{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
@media(display-mode:standalone){body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}}

.blist{display:grid;gap:10px;margin-top:14px}.brow{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:var(--panel2);border-radius:12px}.brow .bl{color:var(--mute);font-size:14px}.bprev{display:flex;min-height:30px;align-items:center;overflow-x:auto}@media(max-width:560px){.brow{grid-template-columns:1fr auto}.brow .bl{grid-column:1/-1}}

small.trust{display:block;color:var(--mute);font-size:12px;margin-top:2px}small.trust.new{color:#f0b429}
.transp{max-width:680px;margin:18px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;gap:4px;text-align:left}.transp span{color:var(--mute);font-size:14px}

/* annuaire */
.dirbar{margin-bottom:18px}.dirbar select,.dirbar input[type=search]{padding:10px 12px}
.dirgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.dircard{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--pc,var(--accent));border-radius:16px;padding:16px;min-width:0}
.dircard:hover{transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--pc,var(--accent)) 16%,transparent)}
.dirname{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirav{width:44px;height:44px;border-radius:50%;background:var(--panel2);display:grid;place-items:center}
.dirbio{margin:0;color:var(--mute);font-size:14px;line-height:1.45;overflow-wrap:anywhere}.dirfoot{margin-top:auto}
/* modèles de profil */
.tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:14px}
.tpl{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;font:inherit}
.tpl:hover:not(:disabled){border-color:var(--tc)}.tpl:disabled{opacity:.5;cursor:not-allowed}.tpl b{font-size:13px}
.tsw{width:44px;height:28px;border-radius:8px;border:2px solid var(--tc);background:#0d0d14}.tsw.light{background:#f4f6fb}
/* thèmes de la page publique */
body.pub-light{--bg:#f3f5fb;--panel:#fff;--panel2:#eef1f8;--line:#d5dbea;--text:#14161f;--mute:#5a6178;background:var(--bg)}
body.pub-light.landing{background-image:none}
body.pub-light .top{background:#ffffffee}.pub-light .pubp,.pub-light .sc{background:#fff}.pub-light .pubp{box-shadow:0 10px 40px #1a2a5a14}
.pub-light .pubp .kv div,.pub-light .vform{background:#eef1f8}.pub-light .sc .scm,.pub-light .proof{color:var(--text)}
.pub-light .btn{color:var(--text)}.pub-light .btn.pri{color:#fff}
body.landing.bg-gradient{background-image:radial-gradient(900px 520px at 15% 0,color-mix(in srgb,var(--accent) 30%,transparent),transparent 60%),radial-gradient(800px 520px at 95% 25%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%);background-size:auto}
body.landing.bg-grid{background-size:56px 56px,56px 56px,auto,auto}body.pub-light.landing.bg-grid{background-image:linear-gradient(#0a1a4010 1px,transparent 1px),linear-gradient(90deg,#0a1a4010 1px,transparent 1px)}
body.pub-light.landing.bg-gradient{background-image:radial-gradient(900px 520px at 15% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%)}

.vacation{max-width:680px;margin:14px auto;padding:16px 20px;border-radius:16px;border:1px solid #f0b42966;background:#f0b42912;text-align:left}.vacation p{margin:6px 0}.vacation small{color:var(--mute)}

.statusbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 20px;border-radius:16px;margin-bottom:18px;border:1px solid var(--line);background:var(--panel)}
.statusbar.ok{border-color:#3fb15f88;background:#3fb15f18}.statusbar.warn{border-color:#f0b42988;background:#f0b42918}.statusbar.bad{border-color:#c0443f88;background:#c0443f18}.statusbar b{font-size:18px}.statusbar small{color:var(--mute)}
.tag.warn{background:#f0b42922;color:#f0b429}

.qr{width:200px;height:200px;background:#fff;border-radius:12px;padding:6px;margin:8px 0}.qr svg{width:100%;height:100%;display:block}
.codegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.codegrid code{padding:8px 10px;text-align:center;letter-spacing:1px;font-size:15px}

@media(max-width:480px){.top{gap:4px;padding:8px}.ib{width:38px;height:38px}.ib img{width:38px;height:38px}.landing .top{margin:8px 8px 0}}

input[type=search],input[type=date]{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0d0d13;color:var(--text);font:inherit;outline:0}
input[type=search]{width:100%}input[type=date]{color-scheme:dark;width:auto}.pub-light input[type=search],.pub-light input[type=date]{background:#fff}
input[type=checkbox]{width:auto;accent-color:var(--accent)}
.dirbar{align-items:stretch}.dirbar select{width:auto;flex:0 0 auto}.dirbar input[type=search]{flex:1 1 220px;width:auto}

[hidden]{display:none!important}