.onboard{margin:12px 0 16px;padding:14px;border:1px solid rgba(63,208,255,.38);border-radius:14px;background:linear-gradient(135deg,#102b46,#0d1e35);box-shadow:0 8px 20px rgba(0,0,0,.18)}.onboard-top{display:flex;align-items:center;gap:10px}.onboard-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#183e61;font-size:21px}.onboard small{display:block;color:#75b8d6;font-size:9px;font-weight:800;letter-spacing:.6px}.onboard b{display:block;margin-top:3px;color:#f4f8ff;font-size:13px}.onboard-count{margin-left:auto;color:#ffd569;font-size:12px;font-weight:900}.onboard p{margin:10px 0 8px;color:#aec6d9;font-size:11px;line-height:1.35}.onboard-track{height:5px;overflow:hidden;border-radius:8px;background:#203d57}.onboard-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#45d891,#3fd0ff)}.onboard button{width:100%;margin-top:10px;padding:9px;border:0;border-radius:9px;background:linear-gradient(135deg,#4ee294,#27aa6d);color:#052216;font-size:11px;font-weight:900;cursor:pointer}.onboard.done{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(78,226,148,.4);border-radius:12px;background:#102b34}.onboard.done span{font-size:26px}.onboard.done b{display:block;color:#54e49a;font-size:12px}.onboard.done small{color:#a9c7c0;font-size:10px}