*{box-sizing:border-box;margin:0}body{background:linear-gradient(160deg,#5ff7e4,#2dd9d0) fixed;color:#0d1b52;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:#0d3bd0}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;margin:12px auto;max-width:1240px;width:calc(100% - 24px);padding:10px 18px;border-radius:18px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.logo{font-weight:900;font-size:1.3rem;color:#0d1b52;text-decoration:none}nav a{margin-left:16px;font-weight:700;text-decoration:none;color:#0d1b52}nav a:hover{text-decoration:underline}
main{max-width:1240px;margin:0 auto;padding:6px 12px 30px}h1{font-size:1.9rem;line-height:1.2;margin:14px 0 8px}h2{font-size:1.3rem;margin:26px 0 8px}p,ul,ol{margin-bottom:12px}ul,ol{padding-left:22px}
.box{background:#fff;border-radius:18px;padding:18px 22px;margin-top:16px}.narrow{max-width:820px}
#search{padding:10px 16px;border-radius:999px;border:0;width:min(320px,100%);font:inherit;margin:6px 0 14px}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-rows:110px;grid-auto-flow:dense;gap:14px}
.tile{position:relative;border-radius:18px;overflow:hidden;background:#fff;transition:transform .15s;display:block}.tile.big{grid-column:span 2;grid-row:span 2}
.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile:hover,.tile:focus-visible{transform:scale(1.06);outline:3px solid #ffd23f;z-index:1}
.tile span{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 7px;color:#fff;font-weight:700;font-size:.85rem;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;transition:opacity .15s}.tile:hover span,.tile:focus-visible span{opacity:1}
.stage{position:relative;background:#0b1030;border-radius:18px;overflow:hidden;aspect-ratio:16/10;min-height:360px}.stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cover{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;background-size:cover;background-position:center}.cover:before{content:"";position:absolute;inset:0;background:rgba(5,8,30,.55)}
.cover div{position:relative}.btn{display:inline-block;border:0;border-radius:999px;padding:14px 38px;font:inherit;font-weight:800;font-size:1.2rem;background:#ffd23f;color:#0d1b52;cursor:pointer;text-decoration:none}
.bar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap}.bar .btn{font-size:1rem;padding:9px 20px}
.tag{display:inline-block;background:#e3ecff;border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:700}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;margin-top:10px}.rel .tile{aspect-ratio:1}
footer{text-align:center;padding:24px 12px 34px;font-size:.9rem}
#cc{position:fixed;left:12px;right:12px;bottom:12px;max-width:640px;margin:auto;background:#0d1b52;color:#fff;border-radius:16px;padding:14px 18px;display:none;gap:14px;align-items:center;z-index:20;font-size:.9rem}#cc a{color:#ffd23f}#cc button{border:0;border-radius:999px;padding:8px 20px;font-weight:800;background:#ffd23f;cursor:pointer}
@media(max-width:600px){h1{font-size:1.5rem}nav a{margin-left:10px}}