:root,[data-theme=pro]{--bg:#f4f6fb;--bgi:none;--fg:#0f1226;--mu:#5d637e;--card:#fff;--ln:#e3e6f0;--a:#5b5bf0;--b:#06b6d4;--g:linear-gradient(135deg,#5b5bf0,#06b6d4);--r:18px;--sh:0 1px 2px #0001;--bf:none;--bt:#fff;--hf:system-ui,sans-serif;--nav:#f4f6fbee;--bsh:none}
[data-theme=elite]{--bg:#0b1020;--fg:#e8ecf8;--mu:#8e98b8;--card:#121a33;--ln:#232d52;--a:#38bdf8;--b:#a5b4fc;--g:linear-gradient(135deg,#0ea5e9,#6366f1);--r:8px;--sh:0 8px 24px #0006;--nav:#0b1020ee;color-scheme:dark}
[data-theme=lux]{--bg:#0a0a0a;--fg:#f5ecd7;--mu:#a89a78;--card:#141210;--ln:#3a3220;--a:#d4af37;--b:#f6e27a;--g:linear-gradient(135deg,#b8860b,#f6e27a 50%,#b8860b);--bt:#1a1405;--r:4px;--hf:Georgia,"Times New Roman",serif;--sh:0 10px 30px #000a;--nav:#0a0a0aee;color-scheme:dark}
[data-theme=clay]{--bg:#e6eaf7;--fg:#2b3050;--mu:#6b7194;--card:#e6eaf7;--ln:transparent;--a:#7c6cf0;--b:#f08fc0;--g:linear-gradient(135deg,#8b7cf6,#f59ac8);--r:30px;--sh:9px 9px 20px #b9c0dd,-9px -9px 20px #fff;--bsh:5px 5px 12px #b9c0dd,-5px -5px 12px #fff,inset 2px 2px 4px #ffffff66;--nav:#e6eaf7ee}
[data-theme=aurora]{--bg:#070b1a;--bgi:radial-gradient(60% 50% at 15% 10%,#22d3ee55,transparent),radial-gradient(50% 50% at 85% 20%,#a855f755,transparent),radial-gradient(60% 60% at 50% 100%,#10b98144,transparent);--fg:#eaf6ff;--mu:#9fb3d1;--card:#ffffff0d;--ln:#ffffff1f;--a:#22d3ee;--b:#a855f7;--g:linear-gradient(135deg,#22d3ee,#a855f7,#10b981);--r:22px;--bf:blur(14px);--nav:#070b1acc;--bt:#04101c;color-scheme:dark}
[data-theme=glass]{--bg:#7f7fd5;--bgi:linear-gradient(135deg,#7f7fd5,#86a8e7 45%,#91eae4);--fg:#0d1230;--mu:#2f3a6b;--card:#ffffff40;--ln:#ffffff80;--a:#4f46e5;--b:#06b6d4;--g:linear-gradient(135deg,#6366f1,#06b6d4);--r:24px;--sh:0 8px 32px #1f26874d;--bf:blur(18px) saturate(160%);--nav:#ffffff40}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bgi),var(--bg);background-attachment:fixed;color:var(--fg);font:16px/1.6 system-ui,sans-serif;min-height:100vh}
h1,h2,h3,.logo{font-family:var(--hf)}a{color:inherit;text-decoration:none}.w{max-width:1100px;margin:auto;padding:0 20px}
nav{position:sticky;top:0;z-index:5;background:var(--nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}nav .w{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{font-weight:800;font-size:1.3rem}.logo b,h1 span,h2 span{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-block;border:0;cursor:pointer;background:var(--g);color:var(--bt);padding:11px 22px;border-radius:calc(var(--r)*.65);box-shadow:var(--bsh);font:600 .95rem system-ui}.btn.o{background:transparent;color:var(--fg);border:1px solid var(--ln)}.btn.s{padding:6px 12px;font-size:.8rem}.btn.d{background:#e5484d;color:#fff}
.hero{padding:80px 0 56px;text-align:center}h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;margin:0 0 18px}.hero p{max-width:620px;margin:0 auto 26px;color:var(--mu)}
section{padding:52px 0}h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:0 0 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:22px;box-shadow:var(--sh);backdrop-filter:var(--bf);-webkit-backdrop-filter:var(--bf);transition:.25s}.card:hover{border-color:var(--a)}
.ic{width:46px;height:46px;border-radius:calc(var(--r)*.7);background:var(--g);display:grid;place-items:center;font-size:1.4rem;margin-bottom:10px}.card p{color:var(--mu);font-size:.9rem}.pr{color:var(--b);font-weight:600;font-size:.82rem}
.card img{width:100%;height:160px;object-fit:cover;border-radius:calc(var(--r)*.6);margin-bottom:10px}.cl{display:flex;gap:30px;flex-wrap:wrap;align-items:center;justify-content:center}.cl img{height:44px;opacity:.8}
.f input,.f select,.f textarea{width:100%;padding:11px;border-radius:calc(var(--r)*.5);border:1px solid var(--ln);background:var(--card);color:var(--fg);font:inherit;margin:4px 0 10px}.f label{font-size:.82rem;color:var(--mu)}
[data-theme=clay] .f input,[data-theme=clay] .f select,[data-theme=clay] .f textarea{border:0;box-shadow:inset 4px 4px 8px #b9c0dd,inset -4px -4px 8px #fff}
[data-theme=lux] .card{border-color:#d4af3755}
.sl{position:relative;height:clamp(240px,45vw,480px);overflow:hidden}.sd{position:absolute;inset:0;background:center/cover;opacity:0;transition:opacity .8s}.sd.on{opacity:1}.sd:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000a,#0002)}
.sc{position:absolute;z-index:1;left:6%;bottom:16%;max-width:560px;color:#fff}.sc h2{margin:0 0 6px;font-size:clamp(1.5rem,4vw,2.6rem)}.sc p{margin:0 0 14px;color:#fffd}
.sn{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#0006;color:#fff;font-size:1.6rem;cursor:pointer}.sn.l{left:12px}.sn.r{right:12px}
.dt{position:absolute;z-index:2;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dt button{width:10px;height:10px;border-radius:6px;border:0;background:#fff6;cursor:pointer;padding:0;transition:.3s}.dt .on{background:#fff;width:26px}
.ft{border-top:1px solid var(--ln);margin-top:40px;padding-top:40px;background:var(--card);backdrop-filter:var(--bf);-webkit-backdrop-filter:var(--bf)}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:28px}.fg h4{margin:0 0 10px}
.fg a,.fg span{display:block;color:var(--mu);font-size:.9rem;padding:2px 0}.fg a:hover{color:var(--a)}.fg p{color:var(--mu);font-size:.9rem}.so{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.so a{border:1px solid var(--ln);padding:3px 12px;border-radius:99px}
.fb{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--ln);color:var(--mu);font-size:.85rem}.fb select{background:var(--card);color:var(--fg);border:1px solid var(--ln);border-radius:8px;padding:5px 8px}
.shell{display:flex;min-height:100vh}.sb{width:240px;flex:none;position:sticky;top:0;height:100vh;overflow:auto;padding:18px 12px;background:var(--card);border-right:1px solid var(--ln);backdrop-filter:var(--bf);-webkit-backdrop-filter:var(--bf);display:flex;flex-direction:column;gap:4px}
.sb .logo{padding:6px 12px 14px}.tb{display:block;padding:10px 14px;border-radius:calc(var(--r)*.6);color:var(--mu);font-weight:600;font-size:.9rem}.tb:hover{color:var(--fg)}.tb.on{background:var(--g);color:var(--bt)}.sp{flex:1}
.ab{flex:1;min-width:0;padding:24px 28px;max-width:1100px}.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.kp b{font-size:2rem;display:block}.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--ln);vertical-align:top}.pill{padding:2px 10px;border-radius:99px;font-size:.75rem;background:#f59e0b;color:#fff}.pill.ok{background:#16a34a}.msg{background:#16a34a;color:#fff;padding:10px 16px;border-radius:10px;margin-bottom:14px}
.vid{position:relative;padding-top:56.25%;margin-bottom:10px}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}.cr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--ln)}.cr input[type=number]{margin:0}
.art{max-width:720px;margin:auto}.art img{width:100%;border-radius:16px;height:auto}
@media(max-width:800px){.fg{grid-template-columns:1fr 1fr}.ab{padding:16px}}
.sb{width:262px;padding:16px 12px;gap:2px;transition:width .25s}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px}
.mk{width:38px;height:38px;border-radius:12px;background:var(--g);color:var(--bt);display:grid;place-items:center;font-weight:800;box-shadow:0 8px 20px -8px var(--a);flex:none}
.bt{font-weight:800;line-height:1.15}.bt small{display:block;font-weight:500;color:var(--mu);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.col{margin-left:auto;background:none;border:1px solid var(--ln);color:var(--mu);width:28px;height:28px;border-radius:8px;cursor:pointer;display:grid;place-items:center;padding:0}.col .i{width:16px;height:16px}
.gl{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);opacity:.7;padding:14px 12px 4px}
.nv{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:calc(var(--r)*.6);color:var(--mu);font-weight:600;font-size:.9rem;transition:.2s;white-space:nowrap}
.nv:hover{background:color-mix(in srgb,var(--a) 12%,transparent);color:var(--fg)}.nv.on{background:var(--g);color:var(--bt);box-shadow:0 8px 20px -8px var(--a)}
.i{width:20px;height:20px;flex:none}.bdg{margin-left:auto;background:#ef4444;color:#fff;border-radius:99px;font-size:.7rem;padding:1px 7px;font-weight:700}
.usr{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--ln);border-radius:calc(var(--r)*.6);margin:8px 0 4px}.usr small{display:block;color:var(--mu);font-size:.72rem;line-height:1.2}
.av{width:34px;height:34px;border-radius:50%;background:var(--g);color:var(--bt);display:grid;place-items:center;font-weight:800;flex:none}
.nv.lo{width:100%;background:none;border:0;font:inherit;font-weight:600;cursor:pointer;color:#ef4444}.nv.lo:hover{background:#ef444418;color:#ef4444}
.pt{font-size:1.5rem;margin:0 0 18px;display:flex;align-items:center;gap:10px}.pt .i{width:26px;height:26px;color:var(--a)}
.kc{display:flex;align-items:center;gap:14px;padding:16px}.kic{width:44px;height:44px;border-radius:calc(var(--r)*.7);background:var(--g);color:var(--bt);display:grid;place-items:center;flex:none}.kc b{font-size:1.7rem;line-height:1}.kc small{display:block;color:var(--mu)}
.top{display:none}
@media(min-width:801px){.shell.mini .sb{width:78px}.shell.mini .tx,.shell.mini .gl,.shell.mini .bt,.shell.mini .usr div:last-child,.shell.mini .bdg{display:none}.shell.mini .nv{justify-content:center}.shell.mini .brand{flex-direction:column}.shell.mini .col{margin:0;transform:rotate(180deg)}.shell.mini .usr{justify-content:center}}
@media(max-width:800px){.shell{flex-direction:column}.top{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:20}.top button{background:none;border:1px solid var(--ln);color:var(--fg);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer}.sb{position:fixed;z-index:30;left:0;top:0;bottom:0;height:100%;width:272px;transform:translateX(-100%);transition:transform .25s}.shell.open .sb{transform:none}.shell.open:after{content:"";position:fixed;inset:0;background:#0007;z-index:25}.col{display:none}}