:root{--public-primary:#0f766e;--public-dark:#0f172a;--public-soft:#f0fdfa}
.public-hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(45,212,191,.28),transparent 32%),linear-gradient(135deg,#0f172a 0%,#134e4a 55%,#0f766e 100%);color:#fff}
.public-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}
.public-hero .container{position:relative;z-index:2}.public-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .85rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.public-title{font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.02;font-weight:850;letter-spacing:-.045em}.public-title span{color:#5eead4}.public-lead{font-size:clamp(1rem,2vw,1.25rem);max-width:720px;color:#dbeafe;line-height:1.8}
.hero-device{position:relative;max-width:470px;margin:auto}.hero-device:before{content:"";position:absolute;inset:8%;border-radius:50%;background:#2dd4bf;filter:blur(85px);opacity:.38}.hero-panel{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(15,23,42,.62);box-shadow:0 35px 90px rgba(2,6,23,.4);backdrop-filter:blur(18px);padding:1.4rem;transform:rotate(2deg)}
.public-stat-card,.public-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 45px rgba(15,23,42,.07);transition:.25s ease}.public-card:hover,.public-stat-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(15,23,42,.12)}
.public-stat-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:1.3rem}.section-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0f766e}.section-title{font-weight:850;letter-spacing:-.035em;color:#0f172a}.public-section{padding:5.5rem 0}.public-section-soft{background:linear-gradient(180deg,#f8fafc,#f0fdfa)}
.schedule-row{border-left:4px solid #14b8a6}.announcement-strip{border-radius:18px;border:1px solid #cbd5e1;background:#fff}.gallery-card{position:relative;overflow:hidden;border-radius:22px;min-height:260px;background:#0f172a}.gallery-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .45s ease}.gallery-card:hover img{transform:scale(1.06)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(15,23,42,.92));display:flex;align-items:flex-end;padding:1.4rem;color:#fff}
.resource-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ccfbf1;color:#0f766e;font-size:1.25rem}.filter-shell{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1rem;box-shadow:0 10px 35px rgba(15,23,42,.05)}
.public-page-hero{padding:5rem 0 3.5rem;background:linear-gradient(135deg,#0f172a,#115e59);color:#fff}.public-empty{padding:4rem 1rem;border:2px dashed #cbd5e1;border-radius:24px;text-align:center;background:#f8fafc}.game-thumb{height:170px;object-fit:cover;background:#e2e8f0}.portal-footer{background:#07131f;color:#cbd5e1}.portal-footer a{color:#cbd5e1;text-decoration:none}.portal-footer a:hover{color:#5eead4}.footer-brand{color:#fff;font-weight:800}.footer-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#5eead4;font-weight:800}
@media(max-width:991.98px){.public-hero{min-height:auto;padding:5rem 0}.hero-device{max-width:360px}.public-section{padding:4rem 0}}
@media(max-width:575.98px){.public-title{font-size:2.55rem}.public-hero{padding:4rem 0}.public-section{padding:3.25rem 0}.hero-panel{transform:none}.gallery-card{min-height:230px}}