body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;margin:0;background:#04121f;color:#e8f4ff;line-height:1.5}
.hero{position:relative;overflow:hidden;text-align:center;padding:64px 16px 40px;background:radial-gradient(circle at 50% 120%,#0e5a8a,#04121f 65%)}
.hero h1{font-size:56px;letter-spacing:.18em;margin:0}
.tagline{font-size:18px;opacity:.9}
.announce,.paynote{max-width:640px;margin:12px auto;font-size:14px;opacity:.85}
.ripple{position:absolute;left:50%;top:78%;width:220px;height:220px;margin-left:-110px;border:2px solid rgba(120,200,255,.55);border-radius:50%;animation:rip 4s infinite}
.ripple.r2{animation-delay:1.3s}.ripple.r3{animation-delay:2.6s}
@keyframes rip{from{transform:scale(.3);opacity:.9}to{transform:scale(2.6);opacity:0}}
main{max-width:900px;margin:0 auto;padding:24px 16px 48px}
section{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:20px;margin-bottom:20px}
h2{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:#0a2438;border-radius:10px;padding:12px}
.card img{width:100%;height:180px;object-fit:cover;border-radius:8px;background:#123}
.muted{opacity:.7}
label{display:block;margin:10px 0}
input,textarea,select{width:100%;padding:8px;border-radius:6px;border:1px solid #335;margin-top:4px;background:#06202f;color:#e8f4ff}
button{padding:10px 16px;border-radius:8px;border:0;background:#1e90ff;color:#fff;cursor:pointer;margin-top:8px}
button:disabled{opacity:.5;cursor:not-allowed}
footer{text-align:center;padding:20px;opacity:.7}
pre{white-space:pre-wrap;word-break:break-word}
.admin{max-width:900px}