:root{--bg:#f6f7fb;--fg:#0f172a;--mut:#64748b;--card:#fff;--pri:#7c3aed;--pri2:#06b6d4;--bd:#e5e7f0;--sh:0 12px 32px rgba(15,23,42,.1)}
[data-theme=dark]{--bg:#0a0e1f;--fg:#e9edf8;--mut:#9aa6c4;--card:#131a33;--bd:#222c4d;--sh:0 12px 32px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg);transition:background .3s}
a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3{line-height:1.2}
.wrap,main{max-width:1240px;margin:auto;padding:0 18px}main{padding-bottom:40px}
.nav{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.nv{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem}.brand b{color:var(--pri)}
#menu{display:flex;align-items:center;gap:6px}#menu a{padding:8px 14px;border-radius:99px;color:var(--mut);transition:.2s}#menu a:hover{background:var(--card);color:var(--pri)}
#theme{background:var(--card);border:1px solid var(--bd);color:var(--fg);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1.1rem;margin-left:6px}
#burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}#burger i{width:22px;height:2px;background:var(--fg);transition:.3s}
.hero{position:relative;isolation:isolate;text-align:center;padding:70px 0 34px;overflow:hidden}
.blob{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(85px);opacity:.38;z-index:-1;animation:fl 14s ease-in-out infinite}.b1{background:var(--pri);top:-100px;left:6%}.b2{background:var(--pri2);top:10px;right:4%;animation-delay:-7s}
@keyframes fl{50%{transform:translate(50px,34px) scale(1.18)}}
.badge{display:inline-block;padding:6px 16px;border-radius:99px;background:var(--card);border:1px solid var(--bd);font-size:.85rem;color:var(--mut);animation:up .6s both}
.hero h1{font-size:clamp(2rem,6vw,3.8rem);margin:18px 0 12px;animation:up .7s .1s both}.sub{color:var(--mut);max-width:560px;margin:0 auto 26px;animation:up .7s .2s both}
.grad{background:linear-gradient(90deg,var(--pri),var(--pri2),var(--pri));background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 6s linear infinite}@keyframes sh{to{background-position:200%}}
@keyframes up{from{opacity:0;transform:translateY(20px)}}
#sf{display:flex;max-width:640px;margin:auto;gap:8px;padding:8px;background:var(--card);border:1px solid var(--bd);border-radius:20px;box-shadow:var(--sh);animation:up .7s .3s both}
#sf input{flex:1;border:0;background:none;padding:12px 14px;font:inherit;color:var(--fg);outline:0}
.btn,#sf button{background:linear-gradient(135deg,var(--pri),#9333ea);color:#fff;border:0;border-radius:14px;padding:12px 24px;font:inherit;font-weight:600;cursor:pointer;transition:.2s}.btn:hover,#sf button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed55}.sm{padding:7px 16px}
.btn.ghost{background:var(--card);color:var(--fg);border:1px solid var(--bd)}.btn.ok{background:#16a34a;animation:pop .4s}@keyframes pop{50%{transform:scale(1.08)}}
.sec{font-size:1.5rem;margin:34px 0 14px}
.slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0}.slide{position:relative;flex:0 0 min(82%,440px);aspect-ratio:16/10;border-radius:22px;overflow:hidden;scroll-snap-align:start;box-shadow:var(--sh)}
.slide img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.slide:hover img{transform:scale(1.08)}.slide span{position:absolute;inset:auto 0 0;padding:44px 18px 16px;color:#fff;font-weight:700;font-size:1.1rem;background:linear-gradient(transparent,#000c)}.slide small{display:block;font-weight:500;opacity:.8}
.pills{display:flex;gap:8px;overflow-x:auto;padding:22px 0 8px;scrollbar-width:none;scroll-margin-top:70px}.pills a{white-space:nowrap;padding:8px 16px;border:1px solid var(--bd);border-radius:99px;background:var(--card);transition:.25s}.pills a.on,.pills a:hover{background:linear-gradient(135deg,var(--pri),#9333ea);color:#fff;border-color:transparent;transform:translateY(-2px)}.pills small{opacity:.7}
.ad{margin:16px auto;max-width:100%;text-align:center;overflow:hidden}
.grid{columns:4 230px;column-gap:18px;margin-top:14px}
.card{display:block;break-inside:avoid;margin-bottom:18px;position:relative;border-radius:20px;overflow:hidden;background:var(--card);box-shadow:0 4px 14px rgba(15,23,42,.08);transition:transform .35s,box-shadow .35s}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh)}.card img{width:100%;display:block;transition:transform .7s}.card:hover img{transform:scale(1.06)}
.ov{position:absolute;inset:auto 0 0;padding:46px 14px 14px;color:#fff;background:linear-gradient(transparent,#000b)}.ov h3{margin:6px 0 0;font-size:1rem}
.tag{display:inline-block;font-size:.72rem;font-weight:600;background:rgba(124,58,237,.18);color:var(--pri);padding:3px 11px;border-radius:99px}.ov .tag{background:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(6px)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:none}.empty{text-align:center;color:var(--mut)}
.pager{display:flex;justify-content:center;gap:18px;margin:26px 0;color:var(--mut)}.pager a{color:var(--pri);font-weight:600}
.crumb{color:var(--mut);font-size:.9rem;margin:18px 0}.dwrap{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:start}
.dimg{position:sticky;top:84px}.dimg img{width:100%;border-radius:24px;box-shadow:var(--sh);display:block}.dinfo h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:12px 0}.dinfo h2{font-size:1rem;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.pbox{padding:2px;border-radius:20px;background:linear-gradient(135deg,var(--pri),var(--pri2))}.pbox pre{margin:0;white-space:pre-wrap;word-break:break-word;background:var(--card);border-radius:18px;padding:20px;font:inherit}
.acts{display:flex;gap:10px;margin:18px 0}.acts .btn{flex:1;padding:14px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#111;color:#fff;padding:12px 24px;border-radius:99px;opacity:0;pointer-events:none;transition:.3s;z-index:99;box-shadow:var(--sh)}.toast.show{opacity:1;transform:translate(-50%,0)}
.doc{max-width:720px;margin:50px auto;background:var(--card);padding:34px;border-radius:24px;border:1px solid var(--bd)}
.foot{background:var(--card);border-top:1px solid var(--bd);padding:44px 0 20px;margin-top:30px}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.fg h4{margin:0 0 10px}.fg a{display:block;color:var(--mut);padding:3px 0;transition:.2s}.fg a:hover{color:var(--pri);transform:translateX(4px)}.fg p{color:var(--mut)}.copy{text-align:center;color:var(--mut);font-size:.85rem;margin:26px 0 0}
input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--bd);border-radius:12px;background:var(--card);color:var(--fg);font:inherit}
.box{max-width:380px;margin:50px auto;display:grid;gap:12px}.box.wide{max-width:680px;margin:14px 0}.box label{display:grid;gap:6px;font-weight:600}.box .ck{display:flex;align-items:center;gap:8px}.box .ck input{width:auto}.err{color:#dc2626}
.adm{max-width:1000px;margin:auto;padding-top:20px}.top{display:flex;justify-content:space-between;align-items:center}.atabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.atabs a{padding:8px 16px;border-radius:99px;border:1px solid var(--bd);background:var(--card)}.atabs a.on{background:var(--pri);color:#fff}
.srch{display:flex;gap:8px;margin:12px 0;max-width:420px}.tw{overflow-x:auto}.adm table{width:100%;border-collapse:collapse}.adm td,.adm th{padding:9px;border-bottom:1px solid var(--bd);text-align:left}.inl{display:inline}.lnk{background:none;border:0;color:#dc2626;cursor:pointer;font:inherit}.doc2 pre{background:var(--card);padding:14px;border-radius:12px;overflow-x:auto;white-space:pre-wrap}
@media(max-width:820px){.dwrap{grid-template-columns:1fr}.dimg{position:static}.fg{grid-template-columns:1fr 1fr}.grid{columns:2 150px;column-gap:12px}.card{margin-bottom:12px;border-radius:16px}.hero{padding:44px 0 24px}
#burger{display:flex}#menu{position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--bd);padding:10px 18px;max-height:0;overflow:hidden;opacity:0;transition:.35s;padding-block:0}#menu.open{max-height:360px;opacity:1;padding-block:10px}#theme{margin:6px 0 0;align-self:flex-start}}
@media(max-width:480px){.fg{grid-template-columns:1fr}#sf button{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}