:root{--ink:#0f172a;--muted:#64748b;--primary:#2563eb;--cyan:#06b6d4;--violet:#7c3aed;--surface:#fff;--bg:#f1f5f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}
.hero-modern{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,#38bdf855,transparent 28%),radial-gradient(circle at 85% 20%,#a78bfa55,transparent 30%),linear-gradient(135deg,#0f172a,#1d4ed8 60%,#06b6d4);color:#fff}
.hero-modern:after{content:"";position:absolute;inset:auto -10% -55% -10%;height:300px;background:#ffffff10;border-radius:50%;filter:blur(2px)}
.float{animation:float 5s ease-in-out infinite}.fade-up{animation:fadeUp .7s both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}
@keyframes float{50%{transform:translateY(-9px) rotate(1deg)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.book-card,.game-card{border:0;border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 10px 30px #0f172a12;transition:.3s transform,.3s box-shadow}
.book-card:hover,.game-card:hover{transform:translateY(-8px);box-shadow:0 18px 45px #0f172a22}
.media-cover{height:235px;object-fit:cover;background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}
.btn-modern{border:0;border-radius:14px;padding:.75rem 1rem;font-weight:700;transition:.25s;box-shadow:0 8px 18px #2563eb22}
.btn-modern:hover{transform:translateY(-2px);box-shadow:0 12px 25px #2563eb35}
.glass{background:#ffffff14;border:1px solid #ffffff25;backdrop-filter:blur(14px);border-radius:20px}
.stat{border-radius:20px;background:#fff;padding:22px;box-shadow:0 8px 28px #0f172a10}
.pulse{animation:pulse 2.2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #38bdf455}50%{box-shadow:0 0 0 12px #38bdf400}}
.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.show{opacity:1;transform:none}
.admin-shell{min-height:100vh;background:#f8fafc}.admin-side{background:#0f172a;color:#fff;min-height:100vh;position:sticky;top:0}.admin-side a{color:#cbd5e1;text-decoration:none;border-radius:12px;padding:11px 13px;display:block}.admin-side a:hover{background:#ffffff12;color:#fff}.admin-card{border:0;border-radius:20px;box-shadow:0 10px 30px #0f172a0e}
@media(max-width:767px){.media-cover{height:190px}.hero-modern h1{font-size:2rem}.admin-side{min-height:auto;position:static}}