:root{--bg:#070c15;--panel:#0b1422;--line:rgba(153,174,207,.15);--text:#f5f7fb;--muted:#96a5ba;--accent:#8aa8ff;--green:#75d7b4;--gold:#d6c39b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(61,92,165,.17),transparent 28%),radial-gradient(circle at 94% 8%,rgba(92,70,158,.14),transparent 30%),linear-gradient(180deg,#070c15,#08101c);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.container{width:min(1180px,calc(100% - 44px));margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#233b75,#101d39);border:1px solid rgba(138,168,255,.35);font-weight:800}.brand strong{letter-spacing:.14em}.nav-actions{display:flex;gap:10px}.nav-actions a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:#d1dae7;font-size:13px}.nav-actions .primary{background:#f3f6fb;color:#09101d;font-weight:750}.hero{padding:96px 0 54px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#9bacbf;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,74px);letter-spacing:-.045em;line-height:1.08;margin:20px 0}.hero p{max-width:760px;color:#9cabbe;font-size:17px;line-height:1.85}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.meta span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:#b7c3d3;font-size:12px;background:rgba(255,255,255,.025)}.meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:28px 0 100px}.card{position:relative;min-height:280px;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.013));text-decoration:none;color:#fff;overflow:hidden;transition:.28s ease}.card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-78px;top:-88px;border:1px solid rgba(138,168,255,.12);box-shadow:0 0 0 34px rgba(138,168,255,.018)}.card:hover{transform:translateY(-5px);border-color:rgba(138,168,255,.35);background:linear-gradient(180deg,rgba(138,168,255,.065),rgba(255,255,255,.015))}.top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.num{font-size:12px;color:#6f829d;letter-spacing:.14em}.free{font-size:11px;color:#aef0d8;border:1px solid rgba(117,215,180,.26);background:rgba(117,215,180,.08);padding:7px 9px;border-radius:999px}.card h2{font-size:24px;letter-spacing:-.025em;margin:54px 0 13px;position:relative;z-index:1}.card p{color:#95a4b8;line-height:1.8;font-size:14px;margin:0;position:relative;z-index:1}.bottom{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;align-items:center;color:#91a2b8;font-size:12px}.arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:#e8edf5}.cta{margin-bottom:80px;border:1px solid var(--line);border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,rgba(22,36,62,.9),rgba(9,17,31,.95))}.cta h2{margin:0 0 10px}.cta p{margin:0;color:#94a4b9}.cta a{padding:14px 20px;background:#f3f6fb;color:#0a1120;text-decoration:none;border-radius:13px;font-weight:800}.footer{padding:0 0 40px;color:#718198;font-size:12px;text-align:center}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.container{width:calc(100% - 28px)}.nav{height:70px}.nav-actions a:first-child{display:none}.hero{padding-top:66px}.hero h1{font-size:42px}.grid{grid-template-columns:1fr;padding-bottom:70px}.card{min-height:250px}.cta{padding:25px}.cta a{width:100%;text-align:center}}