:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#e8f0ff;background:#0b1220}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}header{border-bottom:1px solid #293b56;background:#101b30}nav{max-width:1080px;margin:auto;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.brand{font-weight:850;font-size:22px}.brand span{color:#65dfc8}.navlinks{display:flex;gap:20px;font-size:14px;color:#b8c9e2}.navlinks a:hover{color:#65dfc8}main{max-width:1080px;padding:38px 20px 70px;margin:auto}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;color:#65dfc8;text-transform:uppercase}h1{font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-1.5px;margin:13px 0 17px}h2{font-size:23px}p{line-height:1.6;color:#afc2dc}.intro{max-width:690px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;margin-top:18px}.card,.panel{background:#142238;border:1px solid #2b4061;border-radius:18px;padding:23px}.card{display:flex;flex-direction:column;min-height:190px}.card h3{margin:10px 0 2px}.card p{font-size:14px;flex:1}.symbol{font-size:30px}.btn{display:inline-block;background:#208778;color:white;font-weight:750;padding:12px 17px;border:0;border-radius:11px;cursor:pointer;text-align:center}.btn.secondary{background:#253c5a}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.4;cursor:default}.section-title{margin:36px 0 12px}.tag{display:inline-block;color:#92e8d7;background:#143a42;padding:7px 10px;border-radius:50px;font-size:12px}.muted{color:#9eafc8;font-size:13px}.stack{display:grid;gap:16px}.field{width:100%;background:#0c172a;color:white;border:1px solid #3c5576;border-radius:10px;padding:12px}.field:focus{outline:2px solid #65dfc8}code{color:#7de5d1}.notice{padding:14px 17px;background:#202f44;border-left:3px solid #65dfc8;color:#c1d1e7;border-radius:6px}.footer{margin-top:50px;color:#869bb8;font-size:13px}ol{line-height:1.9;color:#bed0e4}@media(max-width:560px){nav{align-items:flex-start}.navlinks{gap:13px}.card{min-height:170px}}
