.info-hero { padding-bottom:48px; }
.info-main { display:grid; gap:16px; }
.info-intro { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:28px 30px; background:linear-gradient(115deg,#062247,#07142d 65%,#092e54); border:1px solid #267bb5; border-radius:6px; box-shadow:0 12px 28px rgba(0,0,0,.2); }
.info-kicker { color:#55ccff; font-size:11px; font-weight:700; letter-spacing:.18em; }
.info-intro h2 { margin:7px 0 5px; color:#f2f9ff; font:700 25px 'Cinzel',Georgia,serif; text-transform:uppercase; }
.info-intro p { margin:0; color:#a9c5db; font-size:15px; }
.info-badge { display:grid; place-items:center; min-width:128px; height:104px; color:#62d4ff; background:radial-gradient(circle,rgba(32,156,245,.32),rgba(3,19,41,.25) 66%); border:1px solid #2a8cc9; border-radius:5px; font-size:28px; font-weight:800; line-height:.9; text-align:center; text-shadow:0 0 14px #178dde; }
.info-badge small { color:#b8eaff; font-size:10px; letter-spacing:.16em; }
.info-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; background:rgba(53,128,199,.35); border:1px solid #215e91; border-radius:5px; }
.info-stats article { display:grid; gap:4px; padding:18px; background:#061a32; }
.info-stats article > span { color:#39baff; font-size:24px; font-weight:800; text-shadow:0 0 12px #087bdf; }
.info-stats small,.info-stats em { color:#83a9c5; font-size:11px; font-style:normal; text-transform:uppercase; }
.info-stats strong { color:#f1f9ff; font-size:23px; }
.info-section { overflow:hidden; background:linear-gradient(180deg,rgba(6,25,48,.96),rgba(3,14,29,.98)); border:1px solid rgba(51,126,216,.5); border-radius:5px; box-shadow:0 10px 25px rgba(0,0,0,.18); }
.info-section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:18px 20px; border-bottom:1px solid rgba(62,130,210,.35); }
.info-section-heading > div { position:relative; padding-left:34px; }
.info-section-heading > div > span { position:absolute; left:0; top:0; color:#28adff; font-size:25px; text-shadow:0 0 12px #087bdf; }
.info-section-heading h2 { margin:0; color:#fff; font-size:20px; text-transform:uppercase; }
.info-section-heading p { margin:4px 0 0; color:#8facc5; font-size:13px; }
.info-section-heading > b { color:#52c7ff; font-size:10px; letter-spacing:.12em; white-space:nowrap; }
.command-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:18px; }
.command-card { min-height:145px; padding:16px; background:linear-gradient(145deg,#092a50,#04172f); border:1px solid #1d6aa4; border-radius:4px; transition:.2s ease; }
.command-card:hover { border-color:#4fc1ff; transform:translateY(-2px); box-shadow:0 0 18px rgba(19,151,239,.18); }
.command-card code { display:inline-block; padding:6px 8px; color:#bdf0ff; background:#06294c; border:1px solid #2a80b7; border-radius:3px; font:700 15px Consolas,monospace; }
.command-card h3 { margin:13px 0 5px; color:#f4faff; font-size:16px; text-transform:uppercase; }
.command-card p { margin:0; color:#a2bdd2; font-size:13px; line-height:1.45; }
.command-card p b { color:#70d6ff; }
.info-columns { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.system-list { display:grid; gap:0; }
.system-list article { padding:16px 20px; border-bottom:1px solid rgba(55,114,180,.22); }
.system-list article:last-child { border-bottom:0; }
.system-list strong { color:#f1f9ff; font-size:16px; text-transform:uppercase; }
.system-list p { margin:5px 0 0; color:#a2bdd2; font-size:14px; line-height:1.45; }
mark { padding:2px 5px; color:#ffed9b; background:#4d3a0d; border:1px solid #a8832d; border-radius:3px; }
.hours-card { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:18px 20px 20px; }
.hours-reward { display:grid; place-items:center; padding:15px; background:linear-gradient(145deg,#0a3760,#061b35); border:1px solid #277db4; border-radius:4px; text-align:center; }
.hours-reward strong { color:#67d5ff; font-size:34px; text-shadow:0 0 12px #087bdf; }
.hours-reward small { color:#d7edfa; font-size:12px; text-transform:uppercase; }
.hours-card p { grid-column:1/-1; margin:2px 0; color:#a2bdd2; font-size:14px; line-height:1.5; }
.hours-card p b { color:#6fd8ff; }
.hours-card a { grid-column:1/-1; justify-self:start; padding:10px 14px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; font-size:12px; font-weight:700; text-transform:uppercase; }
.start-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(55,114,180,.25); }
.start-steps article { display:grid; gap:6px; padding:18px; background:#061a32; }
.start-steps b { color:#43bdff; font-size:22px; }
.start-steps strong { color:#f2f9ff; font-size:15px; text-transform:uppercase; }
.start-steps p { margin:0; color:#9eb9cf; font-size:13px; line-height:1.45; }
@media (max-width:900px) { .command-grid { grid-template-columns:repeat(2,1fr); }.start-steps { grid-template-columns:repeat(2,1fr); } }
@media (max-width:650px) { .info-intro { align-items:flex-start; flex-direction:column; padding:22px; }.info-badge { min-width:110px; height:85px; }.info-stats { grid-template-columns:1fr 1fr; }.info-section-heading { flex-direction:column; gap:8px; }.command-grid,.info-columns { grid-template-columns:1fr; }.start-steps { grid-template-columns:1fr; }.hours-card { grid-template-columns:1fr 1fr; } }