: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.7;-webkit-font-smoothing:antialiased;}
a{color:var(--cyan);text-decoration:none;}
.wrap{max-width:860px;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{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);}
.hero{position:relative;overflow:hidden;padding:46px 0 50px;border-bottom:1px solid var(--line);}
.hero::before{content:"";position:absolute;top:-40%;right:-10%;width:560px;height:560px;background:radial-gradient(circle,rgba(34,211,238,.25),transparent 60%);filter:blur(12px);}
.hero::after{content:"";position:absolute;bottom:-55%;left:-12%;width:520px;height:520px;background:radial-gradient(circle,rgba(168,85,247,.22),transparent 62%);filter:blur(14px);}
.hero .wrap{position:relative;z-index:2;}
.tagloc{display:inline-block;font-family:'Bricolage Grotesque';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:700;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);border-radius:30px;padding:7px 14px;margin-bottom:16px;}
h1{font-family:'Bricolage Grotesque';font-weight:800;font-size:clamp(30px,6vw,42px);line-height:1.04;letter-spacing:-.02em;max-width:18ch;color:#fff;}
h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p{margin-top:16px;max-width:58ch;color:#aab2c6;font-size:16px;}
.cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;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);transition:transform .18s;}
.cta:hover{transform:translateY(-2px);}
main{background:var(--bg1);}
main .wrap{padding:48px 24px 56px;}
h2{font-family:'Bricolage Grotesque';font-weight:700;font-size:22px;letter-spacing:-.01em;margin:34px 0 10px;color:#fff;}
main p,main li{font-size:15.5px;color:#c4cbdb;}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;}
.card h3{font-family:'Bricolage Grotesque';font-weight:700;font-size:17px;margin-bottom:8px;color:#fff;}
.card .d{font-size:13.5px;color:var(--muted);}
.card ul{margin:11px 0 0;list-style:none;}
.card li{font-size:13.5px;color:var(--muted);margin-bottom:8px;padding-left:23px;position:relative;}
.card li::before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:rgba(34,211,238,.13);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322d3ee' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:9px;background-repeat:no-repeat;background-position:center;}
.inl{color:var(--cyan);font-weight:600;}
.links{margin-top:34px;font-size:14px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line);}
.links a{color:var(--cyan);font-weight:600;}
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){.cards{grid-template-columns:1fr;}.top .wrap{padding:12px 24px;}}