/* th-skin: дизайн портовано з макета, scoped, рейнбоу→фіолет (semantic-кольори лишені). */
.th-skin{--bg:#08070d; --bg-2:#0e0c16; --card:#15101f; --card-2:#1a1428; --line:rgba(157,77,255,.16); --line-soft:rgba(255,255,255,.05); --line-strong:rgba(157,77,255,.5); --text:#f3f0fb; --muted:#9a93ad; --muted-2:#6f6880; --accent:#9d4dff; --accent-2:#7a3bff; --ig-1:#f5572c;--ig-2:#e64583;--ig-3:#a13fe5; --tt-1:#25f4ee;--tt-2:#fe2c55; --tg-1:#229ED9;--tg-2:#38bdf8; --yt-1:#ff0000;--yt-2:#ff5e5e; --br-grad:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%); --br-grad-soft:linear-gradient(135deg,rgba(124,58,237,.16),rgba(168,85,247,.14)); --br-line:rgba(168,85,247,.3); --purple-grad:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%); --ok:#4dffb8;--warn:#ffb84d; --maxw:1180px; --radius:18px; --accent-grad:var(--purple-grad); --accent-line:rgba(157,77,255,.4);}
.th-skin *{box-sizing:border-box;margin:0;padding:0}
.th-skin body{min-height:100vh;overflow-x:hidden}
.th-skin a{color:inherit;text-decoration:none}
.th-skin button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
.th-skin img{display:block;max-width:100%}
.th-skin svg{display:block}
.th-skin .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.th-skin .ico{width:24px;height:24px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.th-skin .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:0;white-space:nowrap}
.th-skin .btn .ico{width:17px;height:17px}
.th-skin .btn-ghost{background:#16121f;color:var(--text);border:1px solid rgba(255,255,255,.08)}
.th-skin .btn-ghost:hover{border-color:var(--accent-line)}
.th-skin .btn-primary{background:var(--accent-grad);color:#fff;background-size:200% 200%;animation:gradShift 6s ease infinite}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.th-skin .btn-primary:hover{box-shadow:0 10px 34px -6px rgba(230,69,131,.5)}
.th-skin .btn-lg{padding:15px 30px;font-size:15px}
.th-skin main{padding-bottom:80px}
.th-skin .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.th-skin .eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent-grad)}
.th-skin h1.art-title{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.th-skin .share{display:flex;align-items:center;gap:12px;margin:44px 0;padding:22px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.th-skin .tag{font-size:12.5px;font-family:'JetBrains Mono',monospace;color:var(--muted);padding:7px 14px;border-radius:999px;border:1px solid var(--line);transition:all .18s}
.th-skin .tag:hover{color:var(--text);border-color:var(--accent-line)}
.th-skin .foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.th-skin .foot .flinks{display:flex;gap:24px}
.th-skin .foot a:hover{color:var(--text)}
@media (max-width:760px){
.th-skin .wrap{padding:0 20px}
.th-skin h1.art-title{font-size:32px}
.th-skin .foot{flex-direction:column;text-align:center;gap:18px}
}
.th-skin .tools-hero{padding:60px 0 14px;text-align:center}
.th-skin .tools-hero .eyebrow{justify-content:center}
.th-skin .tools-hero h1{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.03;max-width:16ch;margin:0 auto;text-wrap:balance}
.th-skin .tools-hero h1 .hl{background:var(--br-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.th-skin .tools-hero p{margin:20px auto 0;max-width:54ch;color:var(--muted);font-size:17.5px;line-height:1.6}
.th-skin .tools-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.th-skin .tbadge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);font-size:13.5px;color:var(--muted)}
.th-skin .tbadge .ico{width:16px;height:16px;color:var(--accent)}
.th-skin .tbadge b{color:var(--text);font-weight:600}
.th-skin .tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:46px}
.th-skin .tool-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card);transition:transform .22s,border-color .22s,box-shadow .22s;isolation:isolate}
.th-skin .tool-card:hover{transform:translateY(-5px);border-color:var(--tc-line);box-shadow:0 30px 60px -34px var(--tc-glow)}
.th-skin .tool-card .tc-top{position:relative;padding:30px 30px 0;overflow:hidden}
.th-skin .tool-card .tc-bg{position:absolute;inset:0;z-index:0;opacity:.9}
.th-skin .tool-card .tc-row{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.th-skin .tool-card .tc-icon{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--tc-grad);box-shadow:0 16px 36px -14px var(--tc-glow)}
.th-skin .tool-card .tc-icon .ico{width:32px;height:32px;color:#fff}
.th-skin .tool-card .tc-tag{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.05em;padding:7px 13px;border-radius:999px;background:rgba(8,7,13,.45);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);color:var(--text)}
.th-skin .tool-card .tc-body{position:relative;z-index:2;padding:22px 30px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.th-skin .tool-card h2{font-size:25px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.th-skin .tool-card .tc-desc{color:var(--muted);font-size:15px;line-height:1.55}
.th-skin .tool-card .tc-platforms{display:flex;gap:8px;margin-top:2px}
.th-skin .tool-card .tc-platforms .pchip{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.th-skin .tool-card .tc-platforms .pchip .ico{width:17px;height:17px}
.th-skin .tool-card .tc-cta{margin-top:auto;display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--tc-1)}
.th-skin .tool-card .tc-cta .ico{width:18px;height:18px;transition:transform .2s}
.th-skin .tool-card:hover .tc-cta .ico{transform:translateX(5px)}
.th-skin .tc-calc{--tc-1:#a855f7;--tc-grad:linear-gradient(135deg,#a855f7,#7c3aed);--tc-line:rgba(168,85,247,.45);--tc-glow:rgba(124,58,237,.6)}
.th-skin .tc-calc .tc-bg{background:radial-gradient(90% 120% at 85% 0%,rgba(168,85,247,.18),transparent 60%)}
.th-skin .tc-hash{--tc-1:#e64583;--tc-grad:linear-gradient(135deg,#f5572c,#e64583 50%,#a13fe5);--tc-line:rgba(230,69,131,.45);--tc-glow:rgba(230,69,131,.55)}
.th-skin .tc-hash .tc-bg{background:radial-gradient(90% 120% at 85% 0%,rgba(230,69,131,.18),transparent 60%)}
.th-skin .soon-head{display:flex;align-items:baseline;gap:14px;margin:66px 0 22px}
.th-skin .soon-head h2{font-size:26px;font-weight:800;letter-spacing:-.02em}
.th-skin .soon-head span{font-size:13.5px;color:var(--muted-2);font-family:'JetBrains Mono',monospace}
.th-skin .soon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.th-skin .soon-card{position:relative;border:1px solid var(--line-soft);border-radius:18px;background:rgba(255,255,255,.015);padding:24px;display:flex;flex-direction:column;gap:11px;opacity:.92}
.th-skin .soon-card .sc-icon{width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.th-skin .soon-card .sc-icon .ico{width:23px;height:23px}
.th-skin .soon-card h3{font-size:17px;font-weight:700;letter-spacing:-.01em}
.th-skin .soon-card p{font-size:13.5px;color:var(--muted-2);line-height:1.5;flex:1}
.th-skin .soon-card .sc-tag{align-self:flex-start;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px dashed var(--line-strong);color:var(--muted)}
.th-skin .notify{margin-top:30px;border:1px solid var(--line);border-radius:18px;background:var(--br-grad-soft);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.th-skin .notify .nt-l{display:flex;align-items:center;gap:15px}
.th-skin .notify .nt-ic{width:46px;height:46px;border-radius:13px;background:var(--br-grad);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.th-skin .notify .nt-ic .ico{width:23px;height:23px}
.th-skin .notify .nt-l b{font-size:17px;font-weight:700}
.th-skin .notify .nt-l p{font-size:13.5px;color:var(--muted);margin-top:2px}
.th-skin .notify form{display:flex;gap:10px;flex-wrap:wrap}
.th-skin .notify input{padding:13px 17px;border-radius:999px;border:1px solid var(--line);background:rgba(8,7,13,.5);color:var(--text);font-size:14px;min-width:220px;outline:none}
.th-skin .notify input:focus{border-color:var(--line-strong)}
.th-skin .tools-cta{margin-top:64px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(120% 100% at 50% 0%,rgba(124,58,237,.16),transparent 70%);padding:48px;text-align:center}
.th-skin .tools-cta h3{font-size:29px;font-weight:800;letter-spacing:-.02em}
.th-skin .tools-cta p{color:var(--muted);max-width:52ch;margin:13px auto 26px;font-size:16px}
@media (max-width:880px){
.th-skin .tools-grid{grid-template-columns:1fr}
.th-skin .soon-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
.th-skin .tools-hero{padding:36px 0 8px}
.th-skin .tools-hero h1{font-size:34px}
.th-skin .tools-hero p{font-size:15.5px}
.th-skin .tool-card h2{font-size:22px}
.th-skin .soon-head{margin:48px 0 18px}
.th-skin .notify{padding:22px;flex-direction:column;align-items:flex-start}
.th-skin .tools-cta{padding:34px 22px}
.th-skin .tools-cta h3{font-size:24px}
}
.th-skin{--p-1:#a855f7;--p-2:#7c3aed;--p-grad:var(--purple-grad);--p-soft:rgba(168,85,247,.14);--p-line:rgba(168,85,247,.4)}
.th-skin .pc-ig,.th-skin .pc-tt,.th-skin .pc-yt,.th-skin .pc-tg,.th-skin .pc-th,.th-skin .pc-fb,.th-skin .pc-x,.th-skin .bp-ig,.th-skin .bp-tt,.th-skin .bp-yt{background:var(--purple-grad)}
.th-skin .tc-hash{--tc-1:#a855f7;--tc-grad:var(--purple-grad);--tc-line:rgba(168,85,247,.45);--tc-glow:rgba(124,58,237,.55)}
.th-skin .tc-hash .tc-bg{background:radial-gradient(90% 120% at 85% 0%,rgba(168,85,247,.18),transparent 60%)}
.th-skin .copytick{width:0;opacity:0;overflow:hidden;transition:.15s}