:root{font-family:Arial,sans-serif;background:#061426;color:#e9f2ff}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:28px 5%;background:radial-gradient(circle at 90% 0,#1d4f67,transparent 35%),#061426}header{display:flex;gap:10px;color:#b9cce0}.eyebrow,.hero p,header b{color:#61d4c0;letter-spacing:.1em;font-weight:700;font-size:12px}header small{margin-left:auto}.hero{display:flex;justify-content:space-between;gap:24px;margin:70px 0 30px}.hero h1{font-size:clamp(40px,5vw,68px);margin:8px 0}.hero span{color:#bdcce0;font-size:18px}.card,.hero aside,.timeline{background:#102842;border:1px solid #28567d;border-radius:14px;padding:24px}.hero aside{display:grid;grid-gap:8px;gap:8px;min-width:280px}.hero aside small{color:#9db6cf}.progress{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:6px;gap:6px;margin-bottom:28px}.progress div{border-top:3px solid #2d5574;color:#7d9ab5;padding-top:7px}.progress .active{border-color:#61d4c0;color:white}.progress b,.progress small{display:block}.grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:24px;gap:24px}.fields{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.fields label{display:grid;grid-gap:6px;gap:6px;color:#b9cce0;font-size:12px}.fields input,.fields select{padding:10px;background:#07192c;color:#fff;border:1px solid #3c6689;border-radius:7px}button{margin-top:20px;border:0;border-radius:8px;background:#61d4c0;padding:14px 18px;font-weight:700;cursor:pointer}.artifact,.certificate{background:#07192c;border:1px solid #356b87;border-radius:10px;padding:18px;margin-top:18px}.artifact dl,.panel dl{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.artifact dt,.panel dt{font-size:11px;color:#61d4c0;text-transform:uppercase}.artifact dd,.panel dd{margin:5px 0;overflow-wrap:anywhere}.timeline{margin-top:24px}.timeline>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:10px;gap:10px;margin-top:14px}.timeline article{display:grid;grid-gap:6px;gap:6px;padding:12px;background:#07192c;border-radius:8px}.timeline small,.timeline span,footer{color:#a8bfd5;font-size:12px}.error{background:#60293a;padding:12px;border-radius:8px}footer{text-align:center;margin-top:30px}@media(max-width:760px){.grid,.hero{display:grid;grid-template-columns:1fr}.progress{grid-template-columns:repeat(6,1fr)}.artifact dl,.fields,.panel dl{grid-template-columns:1fr}}