:root{--bg:#08111f;--panel:#101d30;--panel2:#14243a;--text:#f4f7fb;--muted:#a9b8ca;--blue:#4ea1ff;--cyan:#5de0df;--green:#25d366;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#08111f,#0b1728 55%,#08111f);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}
a{color:var(--cyan)}a:hover{color:white}.wrap{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:5;background:rgba(8,17,31,.96);border-bottom:1px solid var(--line)}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;letter-spacing:.5px;color:white;text-decoration:none}.brand span{color:var(--cyan)}
nav{display:flex;gap:17px;flex-wrap:wrap}nav a{color:var(--muted);font-size:.92rem;text-decoration:none}nav a:hover{color:white}
main{min-height:65vh}.hero{padding:66px 0 42px}.eyebrow{color:var(--cyan);font-size:.76rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}
h1{font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.08;letter-spacing:-1px;margin:10px 0 16px}h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 14px}h3{margin:6px 0 8px}
.lead{font-size:1.08rem;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-block;padding:12px 18px;border-radius:11px;font-weight:700;text-decoration:none;border:1px solid var(--line);color:white}.btn-primary{background:linear-gradient(100deg,#287ee8,#28b6d1);color:#071321;border:0}
section{padding:34px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.panel{background:linear-gradient(160deg,#14243a,#0e1a2b);border:1px solid var(--line);border-radius:17px;padding:19px}.card p,.muted{color:var(--muted)}.symbol{height:115px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,rgba(78,161,255,.2),transparent 65%),#0a1626;font-size:2.8rem;margin-bottom:14px}
.tag{color:var(--cyan);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filter{background:#101d30;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:9px 14px;cursor:pointer}.filter.active{background:#17365a;color:white;border-color:#397fc2}
.notice{padding:16px 18px;border:1px solid rgba(93,224,223,.28);border-radius:13px;background:rgba(20,55,67,.28);color:#d4e9eb;margin:20px 0}
ul{padding-left:22px}li{margin:7px 0}.contactbox{background:#14243a;border:1px solid var(--line);padding:23px;border-radius:17px}
footer{border-top:1px solid var(--line);margin-top:40px;padding:25px 0 35px;color:var(--muted);font-size:.88rem}.footrow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footlinks{display:flex;gap:14px;flex-wrap:wrap}.footlinks a{color:var(--muted)}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;flex-direction:column;padding:13px 0}nav{gap:12px}.hero{padding-top:45px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.footrow{display:block}.footlinks{margin-top:12px}}