:root{font-family:Arial,sans-serif;color:#eaf1ff;background:#0b1426}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#0b1426,#142746)}.header{padding:22px 6%;background:#101e35;border-bottom:1px solid #29415f;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.header h1{margin:0;color:#fff;font-size:25px}.header span{color:#65b9ff;font-size:13px;letter-spacing:2px}.container{width:min(1100px,92%);margin:40px auto}.container h2{font-size:30px;margin-bottom:8px}.container>p{color:#a9bad2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:30px}.card{padding:25px;background:#172943;border:1px solid #294563;border-radius:15px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#50adff}.card h3{font-size:19px;color:#fff}.card p{color:#a9bad2;font-size:14px}.notice{margin-top:40px;padding:15px;border-left:3px solid #50adff;background:#142943;border-radius:5px}@media(max-width:600px){.header{gap:12px}.container{margin-top:25px}}