: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!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;width:100%;align-items:stretch}.grid .card{width:100%;min-width:0;aspect-ratio:1 / 1;padding:20px;background:#172943;border:1px solid #294563;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:.2s;cursor:pointer}.grid .card:hover{transform:translateY(-4px);border-color:#50adff;background:#1c3555}.grid .card h3{font-size:19px;color:#fff}.grid .card p{color:#a9bad2;font-size:14px;line-height:1.5}.notice{margin-top:40px;padding:15px;border-left:3px solid #50adff;background:#142943;border-radius:5px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.header{gap:12px}.container{margin-top:25px}.grid{grid-template-columns:1fr}}