:root{font-family:system-ui,Arial;color:#edf6ff;background:#060e1c}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#07172e,#030810)}header{padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#061124;position:sticky;top:0;z-index:2;border-bottom:1px solid #1268b6}a{color:#5ccaff;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}.logo{font-size:24px;font-weight:900;color:#fff}.logo span{color:#00aaff}.hero{background:linear-gradient(90deg,#051025c9,#05102560),url('banner.jpg') center 30%/cover;min-height:410px;display:flex;align-items:end;padding:40px 6%}.hero h1{font-size:clamp(36px,6vw,68px);margin:0;text-shadow:0 3px 15px #000}.hero p{font-size:20px}.btn,button{display:inline-block;border:0;border-radius:9px;padding:13px 19px;background:linear-gradient(120deg,#0874d9,#00bbff);color:white;font-weight:800;cursor:pointer}.secondary{background:#193454}.wrap{max-width:1100px;margin:auto;padding:35px 20px}h2{color:#65ceff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card,form,.panel{background:#0d203b;border:1px solid #205184;border-radius:15px;padding:22px;box-shadow:0 8px 30px #0003}.card h3{color:#fff}.muted{color:#b8c9dd}input,select,textarea{width:100%;padding:12px;background:#07162b;border:1px solid #3a648b;border-radius:8px;color:white;margin:7px 0 15px;font:inherit}label{font-weight:650}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.alert{padding:15px;background:#123b55;border-radius:9px;margin:15px 0}.danger{background:#b42d48}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #36516a;text-align:left}footer{text-align:center;padding:28px;color:#a7bfd7;border-top:1px solid #234368}@media(max-width:600px){.hero{min-height:300px}table{font-size:12px}td,th{padding:5px}}