:root{--bg0:#06070e;--bg1:#0a0d18;--panel:#0e1322;--txt:#e7ecf6;--muted:#97a1b8;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--cyan:#22d3ee;--grad:linear-gradient(120deg,#22d3ee,#4f7dff 38%,#a855f7 70%,#d946ef 100%);}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Manrope',sans-serif;color:var(--txt);background:var(--bg0);line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:var(--cyan);text-decoration:none;}a:hover{text-decoration:underline;}
.wrap{max-width:760px;margin:0 auto;padding:0 24px;}
.top{position:sticky;top:0;z-index:10;background:rgba(6,7,14,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.top .wrap{max-width:860px;display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:12px;}
.brand{display:flex;align-items:center;gap:11px;font-family:'Bricolage Grotesque';font-weight:800;font-size:16px;color:#fff;}
.brand img{width:40px;height:40px;border-radius:8px;}
.brand small{display:block;font-family:'Manrope';font-weight:600;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-top:2px;}
.back{font-size:13.5px;font-weight:600;border:1px solid var(--line2);border-radius:30px;padding:8px 15px;color:var(--txt);white-space:nowrap;}
.back:hover{border-color:var(--cyan);text-decoration:none;}
.hero{padding:42px 0 6px;}
.crumb{font-size:13px;color:var(--muted);margin-bottom:14px;}
.crumb a{color:var(--muted);}
.tag{display:inline-block;font-family:'Bricolage Grotesque';font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);border-radius:30px;padding:6px 13px;margin-bottom:14px;}
h1{font-family:'Bricolage Grotesque';font-weight:800;font-size:clamp(28px,5vw,40px);line-height:1.1;letter-spacing:-.02em;color:#fff;}
.meta{color:var(--muted);font-size:13.5px;margin-top:12px;}
article{padding:26px 0 50px;}
.lead{font-size:18px;color:#e3e8f2;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:12px;padding:18px 20px;margin:8px 0 26px;}
article h2{font-family:'Bricolage Grotesque';font-weight:700;font-size:23px;margin:36px 0 12px;color:#fff;letter-spacing:-.01em;}
article h3{font-family:'Bricolage Grotesque';font-weight:700;font-size:18px;margin:24px 0 8px;color:#fff;}
article p{font-size:16px;color:#c4cbdb;margin-bottom:14px;}
article ul,article ol{margin:0 0 16px 0;padding-left:0;list-style:none;}
article li{font-size:16px;color:#c4cbdb;margin-bottom:9px;padding-left:24px;position:relative;}
article ul li::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--grad);}
article ol{counter-reset:n;}
article ol li{counter-increment:n;}
article ol li::before{content:counter(n);position:absolute;left:0;top:1px;font-family:'Bricolage Grotesque';font-weight:800;font-size:12px;color:var(--cyan);}
article strong,article b{color:#fff;}
table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:14.5px;}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top;}
th{color:#fff;font-family:'Bricolage Grotesque';font-size:13px;background:rgba(255,255,255,.03);}
td{color:#c4cbdb;}
.faqs{margin-top:40px;border-top:1px solid var(--line);padding-top:10px;}
details{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:10px;}
details[open]{border-color:var(--line2);}
details summary{cursor:pointer;padding:16px 18px;font-weight:700;color:#fff;font-family:'Bricolage Grotesque';font-size:16px;list-style:none;}
details summary::-webkit-details-marker{display:none;}
details .a{padding:0 18px 16px;color:#c4cbdb;font-size:15px;}
.ctabox{margin-top:38px;background:linear-gradient(120deg,rgba(34,211,238,.1),rgba(168,85,247,.1));border:1px solid var(--line2);border-radius:16px;padding:26px;text-align:center;}
.ctabox h3{font-family:'Bricolage Grotesque';color:#fff;font-size:20px;margin-bottom:8px;}
.ctabox p{color:#aab2c6;margin-bottom:16px;font-size:15px;}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#08111f;font-weight:700;border-radius:30px;padding:13px 24px;font-size:14.5px;box-shadow:0 0 24px -6px rgba(34,211,238,.6);}
.btn:hover{text-decoration:none;transform:translateY(-2px);}
.relart{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);line-height:2;}
.relart a{color:var(--cyan);font-weight:600;}
/* blog index */
.posts{display:grid;gap:16px;padding:14px 0 50px;}
.post{display:block;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 26px;transition:transform .18s,border-color .18s,box-shadow .18s;}
.post:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 30px -12px rgba(34,211,238,.5);text-decoration:none;}
.post .pt{font-family:'Bricolage Grotesque';font-weight:700;font-size:20px;color:#fff;margin-bottom:7px;letter-spacing:-.01em;}
.post .pd{color:var(--muted);font-size:14.5px;}
.post .pm{color:#69728a;font-size:12.5px;margin-top:12px;text-transform:uppercase;letter-spacing:.08em;}
footer{background:#05060c;color:var(--muted);font-size:12.5px;padding:26px 0;border-top:1px solid var(--line);text-align:center;}
footer a{color:var(--muted);}footer a:hover{color:var(--cyan);}
@media(max-width:680px){.top .wrap{padding:12px 24px;}}