html,body{margin:0;font-family:"Trebuchet MS","Comic Sans MS",system-ui,sans-serif;background:linear-gradient(#fff9db,#e7f5ff);color:#212529;min-height:100%}
.wrap{max-width:820px;margin:0 auto;padding:12px}
h1.logo{font-size:clamp(30px,8vw,46px);margin:6px 0;text-align:center;color:#ff6b6b;text-shadow:3px 3px 0 #ffd43b,6px 6px 0 #4dabf733}
nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0}
nav a,.btn{font:inherit;font-weight:bold;font-size:18px;text-decoration:none;color:#212529;background:#fff;border:3px solid #4dabf7;border-radius:18px;padding:10px 14px;min-height:48px;box-sizing:border-box;box-shadow:0 4px 0 #0001;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.btn.p{background:#4dabf7;color:#fff;border-color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.gc{background:#fff;border-radius:24px;padding:10px;text-align:center;text-decoration:none;color:#212529;border:5px solid var(--c);box-shadow:0 6px 0 #0001;display:block;transition:transform .15s}
.gc:active{transform:scale(.97)}.gc h3{margin:2px 0;font-size:21px;color:var(--c);filter:brightness(.8)}.gc p{margin:2px;font-size:15px}
.gc svg{animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px)}}
.panel{background:#fff;border-radius:22px;padding:12px 16px;margin:10px 0;box-shadow:0 5px 0 #0001}
.foot{text-align:center;font-size:13px;color:#495057;margin:18px 0}.foot a{color:#1c7ed6}
table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid #e9ecef;padding:5px;text-align:center}