*{box-sizing:border-box}body{margin:0;background:#0b0a08;color:#fff;font-family:Tahoma,Arial,sans-serif;padding-bottom:80px}header{text-align:center;padding:18px;background:linear-gradient(#24170a,#0b0a08)}header img{max-width:100%;width:620px;border-radius:18px}h1,h2{color:#f1bd3e}h1{font-size:32px}.notice{background:#f3c85c;color:#160f06;max-width:700px;margin:auto;padding:13px;border-radius:14px;font-size:21px;font-weight:bold}.notice small{font-size:16px}main{max-width:950px;margin:auto;padding:0 15px}section{margin:18px 0;padding:16px;border:1px solid #765017;border-radius:14px;background:#17100b}h2{border-right:5px solid #f1bd3e;padding-right:9px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}button{padding:14px;background:#2b1b0a;color:#fff;border:1px solid #b47b1c;border-radius:10px;font-size:16px}footer{text-align:center;padding:25px;color:#f1bd3e}a{color:#fff}nav{position:fixed;bottom:0;left:0;right:0;background:#080706f5;border-top:2px solid #a97118;display:grid;grid-template-columns:repeat(4,1fr);z-index:3}nav a{text-align:center;text-decoration:none;padding:9px;font-size:23px}nav span{display:block;font-size:12px}