:root{--c1:var(--ac);--c2:var(--ac);--fd:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--fb:"DM Sans","Segoe UI",system-ui,sans-serif}
:root,[data-theme=dark]{--bg:#081317;--sf:#0f1f25;--sf2:#16303a;--bd:rgba(150,220,205,.15);--tx:#e8f4f1;--mu:#86a39f;--ac:#2ee6b0;--ink:#04231a;--st:#ffb547;--sh:0 20px 40px -20px rgba(0,0,0,.8);--gl:.22;color-scheme:dark}
[data-theme=light]{--bg:#f2f6f5;--sf:#fff;--sf2:#e4edeb;--bd:rgba(8,40,36,.12);--tx:#0b1f1c;--mu:#58706c;--ac:#0a8f6c;--ink:#fff;--st:#e08a00;--sh:0 20px 40px -24px rgba(8,60,50,.5);--gl:.13;color-scheme:light}
*{box-sizing:border-box;margin:0}
body{font:16px/1.55 var(--fb);background:var(--bg);color:var(--tx);min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s,color .3s}
a{color:inherit;text-decoration:none}h1,h2,h3,.logo,.price{font-family:var(--fd)}
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg);transition:background-color .3s}
.bg i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(120px);opacity:var(--gl);background:var(--ac);top:-45%;left:50%;margin-left:-35vmax;animation:dr 26s ease-in-out infinite alternate}
.bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--bd) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(#000,transparent 65%);mask-image:linear-gradient(#000,transparent 65%)}
@keyframes dr{to{transform:translate(12vmax,8vmax)}}
#nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.2rem;padding:.7rem 5vw;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.logo{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.logo b{margin-left:.3em;color:var(--ac)}
#nav nav{display:flex;gap:1.3rem;flex:1;overflow-x:auto;scrollbar-width:none}
#nav nav a{color:var(--mu);white-space:nowrap;font-weight:500;padding:.25rem 0;border-bottom:2px solid transparent;transition:.2s}
#nav nav a:hover{color:var(--tx);border-color:var(--ac)}
.nr,.me,.row{display:flex;align-items:center;gap:.6rem}.row{justify-content:space-between;flex-wrap:wrap}
.me span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.ic{width:40px;height:40px;border-radius:50%;border:1px solid var(--bd);background:var(--sf);color:var(--tx);font-size:1.1rem;cursor:pointer;transition:.25s}.ic:hover{border-color:var(--ac);transform:rotate(25deg)}
.nw{overflow:hidden;white-space:nowrap;background:var(--ac);color:var(--ink);font-size:.88rem;font-weight:700;padding:.4rem 0}
.nw div{display:inline-block;padding-left:100%;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-100%)}}
main{flex:1;width:min(1180px,92vw);margin:0 auto;padding:1.5rem 0 4rem}
footer{text-align:center;color:var(--mu);font-size:.85rem;padding:1.5rem}
.pg{animation:up .4s ease both}@keyframes up{from{opacity:0;transform:translateY(10px)}}
.hero{text-align:center;padding:2.5rem 0 1.8rem}
.hero h1{font-weight:800;font-size:clamp(4.2rem,21vw,11rem);line-height:.88;letter-spacing:-.045em}
.hero h1 small{display:block;font-size:.2em;letter-spacing:.7em;margin:.9rem 0 0 .7em;color:var(--ac);font-weight:600;animation:fi .8s 1s both}
.hl{display:inline-block;animation:as 1s cubic-bezier(.2,1.25,.3,1) both;animation-delay:calc(var(--i) * .08s + .1s)}.hl.d{animation:none}
@keyframes as{from{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.6)}}@keyframes fi{from{opacity:0}}
.hero p{color:var(--mu);margin:1.4rem auto 1.5rem;max-width:480px;font-size:1.05rem}
input,select,textarea{width:100%;padding:.78rem 1rem;border-radius:12px;border:1px solid var(--bd);background:var(--sf);color:var(--tx);font:inherit;outline:0;transition:.2s}
input:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 25%,transparent)}
textarea{min-height:90px;resize:vertical}.srch{max-width:520px;border-radius:99px;padding:.95rem 1.5rem;box-shadow:var(--sh)}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.8rem}
.ch{border:1px solid var(--bd);background:var(--sf);color:var(--mu);padding:.45rem 1.1rem;border-radius:99px;cursor:pointer;font:inherit;font-weight:500;transition:.2s}
.ch:hover{color:var(--tx);border-color:var(--ac)}.ch.on{background:var(--ac);color:var(--ink);border-color:var(--ac);font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.1rem}
.card,.gl{background:var(--sf);border:1px solid var(--bd);border-radius:18px}.gl{padding:1.4rem;display:flex;flex-direction:column;gap:.9rem}
.card{overflow:hidden;display:block;transition:transform .3s,box-shadow .3s,border-color .3s}
.card:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--ac)}
.im,.pim{background:var(--sf2) center/cover;position:relative}.im{aspect-ratio:1;transition:filter .3s}.card:hover .im{filter:brightness(1.08)}
.im:not([style]),.pim:not([style]){background-image:repeating-linear-gradient(45deg,transparent 0 14px,var(--bd) 14px 15px)}
.pr{position:absolute;left:.7rem;bottom:.7rem;background:var(--ac);color:var(--ink);font-weight:700;padding:.15rem .7rem;border-radius:99px;font-size:.9rem}
.ci{padding:.9rem 1rem 1rem}.ci small{color:var(--mu);font-size:.78rem}.ci h3{margin:.1rem 0 .5rem;font-size:1.02rem;line-height:1.25}.ci .row{font-size:.85rem;color:var(--mu)}
.st{color:var(--st);letter-spacing:2px}.st.big{font-size:1.2rem}.st em{font-style:normal;color:var(--mu);font-size:.9rem;letter-spacing:0}
.vk{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--ac);color:var(--ink);font-size:.62rem;font-style:normal;font-weight:900}
.bd{display:inline-block;font-size:.72rem;padding:.12rem .6rem;border-radius:99px;border:1px solid var(--bd);color:var(--mu);margin-left:.4rem}
.bd.ver{background:var(--ac);color:var(--ink);border:0;font-weight:700;animation:gw 3s ease-in-out infinite}
@keyframes gw{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--ac) 22%,transparent)}}
.bd.adm{background:var(--tx);color:var(--bg);border:0;font-weight:700}
.av{width:38px;height:38px;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;flex:none;border:2px solid var(--ac)}.av.ph{background:var(--sf2);font-weight:800;font-family:var(--fd)}
.b{border:0;cursor:pointer;font:inherit;font-weight:700;color:var(--ink);padding:.7rem 1.4rem;border-radius:12px;background:var(--ac);transition:.2s;display:inline-block;text-align:center}
.b:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--ac)}.b.sm{padding:.35rem .9rem;font-size:.85rem;border-radius:9px}
.b.g{background:var(--sf);color:var(--tx);border:1px solid var(--bd)}.b.r{background:#e5484d;color:#fff}.b.c{background:var(--tx);color:var(--bg)}
.b.big{padding:1rem;font-size:1.05rem;background:#229ed9;color:#fff}.b.big:hover{box-shadow:0 12px 28px -10px #229ed9}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem}.pim{border-radius:22px;aspect-ratio:1;border:1px solid var(--bd)}
.pin{display:flex;flex-direction:column;gap:1rem}.pin h1{font-size:2.1rem;line-height:1.1;letter-spacing:-.02em}
.price{font-size:2.2rem;font-weight:800;color:var(--ac)}.ds{color:var(--mu);white-space:pre-wrap}.mu{color:var(--mu)}.c{text-align:center;margin-top:.8rem}
.sl{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:14px;background:var(--sf);border:1px solid var(--bd);transition:.2s}.sl:hover{border-color:var(--ac)}
.rv h2,.pg>h2{margin:1rem 0}.rv .gl{margin-bottom:1rem}.rc{display:flex;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--bd)}.rc p{color:var(--mu)}
.sel{font-size:2rem;cursor:pointer;color:var(--sf2)}.sel span{transition:.15s}.sel span.on{color:var(--st)}.sel span:hover{transform:scale(1.25)}
.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.1rem}
.sc{align-items:center;text-align:center;transition:.3s}.sc:hover{transform:translateY(-5px);border-color:var(--ac)}.sc .av{width:84px;height:84px;font-size:2rem}
.prof{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;align-items:start}.pc{align-items:center;text-align:center}.pc .av{width:130px;height:130px;font-size:3.4rem}
label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--mu)}
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.tw{overflow-x:auto;border-radius:16px;border:1px solid var(--bd);background:var(--sf)}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--bd);white-space:nowrap}th{color:var(--mu);font-weight:500}
td .b,td select{margin:.15rem}td select{width:auto;padding:.3rem}
.ov{position:fixed;inset:0;z-index:50;background:rgba(3,10,12,.6);backdrop-filter:blur(5px);display:grid;place-items:center;padding:1rem;animation:fi .2s}
.mb{position:relative;width:min(440px,100%);max-height:92vh;overflow:auto;padding:1.8rem;border-radius:22px;background:var(--sf);border:1px solid var(--bd);display:flex;flex-direction:column;gap:.9rem;animation:pop .3s cubic-bezier(.2,1.3,.4,1)}
@keyframes pop{from{transform:scale(.92);opacity:0}}.mb form{display:flex;flex-direction:column;gap:.8rem}
.x{position:absolute;right:1rem;top:1rem;background:0;border:0;color:var(--mu);font-size:1.2rem;cursor:pointer}
#toast{position:fixed;bottom:1.2rem;right:1.2rem;z-index:60;display:flex;flex-direction:column;gap:.5rem}
.t{padding:.8rem 1.2rem;border-radius:12px;background:var(--sf);border:1px solid var(--ac);box-shadow:var(--sh);animation:up .3s}.t.err{border-color:#e5484d}
@media(max-width:760px){.pd,.prof{grid-template-columns:1fr}#nav{gap:.5rem 1rem;flex-wrap:wrap}#nav nav{order:3;flex-basis:100%;flex:none;gap:1.1rem}.nr{margin-left:auto}.me span{display:none}.hero h1{letter-spacing:-.04em}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.ff{display:flex;flex-direction:column;gap:.9rem}.ff+.ff{border-top:1px solid var(--bd);padding-top:1.4rem}label small{color:var(--mu);font-size:.78rem}input:disabled{opacity:.6;cursor:not-allowed}
.pf{background:var(--sf);border:1px solid var(--bd);border-radius:22px;overflow:hidden;margin-bottom:2rem}
.pf-b{height:140px;background:linear-gradient(120deg,var(--ac),color-mix(in srgb,var(--ac) 25%,var(--sf2)) 60%,var(--sf2));background-size:200% 100%;animation:bs 12s ease-in-out infinite alternate}@keyframes bs{to{background-position:100% 0}}
.pf-h{display:flex;align-items:flex-end;gap:1.1rem;padding:0 1.5rem;margin-top:-48px;flex-wrap:wrap}
.pf-h .av{width:110px;height:110px;font-size:2.8rem;border:4px solid var(--sf);box-shadow:0 0 0 2px var(--ac)}
.pf-n{flex:1;min-width:180px;padding-bottom:.4rem}.pf-n h1{font-size:1.8rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.pf-n .bd{margin-left:0}.pf-a{display:flex;gap:.5rem;padding-bottom:.6rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;margin-top:1.4rem;background:var(--bd);border-top:1px solid var(--bd)}
.stats div{background:var(--sf);padding:1rem;text-align:center;display:flex;flex-direction:column}.stats b{font:800 1.4rem var(--fd)}.stats span{color:var(--mu);font-size:.8rem}
.vk.big{width:24px;height:24px;font-size:.85rem}a.rc{display:flex;transition:.2s}a.rc:hover{padding-left:.6rem;background:var(--sf)}a:has(>.av){display:inline-flex}