.fun-page{--fun-blue:#123e70;--fun-gold:#f4b633;--fun-muted:#63758a;color:#213348}
.fun-page *{box-sizing:border-box}.fun-wrap{width:min(1160px,calc(100% - 32px));margin:auto}
.fun-hero{background:linear-gradient(125deg,#123e70,#247bb3);color:white;padding:65px 0}
.fun-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.fun-hero h1{font-size:clamp(40px,6vw,68px);line-height:1.08;margin:18px 0}
.fun-hero p{font-size:19px;line-height:1.65;color:#e9f4ff}.fun-back{color:white}
.fun-pill{display:inline-block;border:1px solid #ffffff66;border-radius:30px;padding:8px 14px;font-weight:bold}
.fun-box{background:#ffffff1c;border:1px solid #ffffff55;border-radius:18px;padding:28px}
.fun-box h2{color:white}.fun-box li{margin:13px 0}
.fun-section{padding:58px 0}.fun-alt{background:#f2f7fc}
.fun-section h2{font-size:clamp(28px,4vw,40px);color:var(--fun-blue);margin:0 0 14px}
.fun-intro{max-width:790px;line-height:1.7;color:var(--fun-muted);font-size:17px}
.fun-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.fun-card{background:white;border:1px solid #d4e0ec;border-radius:16px;padding:25px;box-shadow:0 10px 25px #173e6010}
.fun-card h3{color:var(--fun-blue);margin:12px 0}.fun-card p{color:var(--fun-muted);line-height:1.65}
.fun-icon{font-size:34px}.fun-btn{display:inline-block;text-decoration:none;border-radius:9px;padding:13px 20px;font-weight:800;margin:10px 10px 0 0;background:var(--fun-gold);color:#332400}
.fun-btn.fun-secondary{background:white;color:var(--fun-blue)}
.fun-final{text-align:center;background:#123e70;color:white;padding:58px 0}
.fun-final h2{color:white}.fun-final p{color:#e4f0ff;line-height:1.7}
@media(max-width:780px){.fun-hero-grid{grid-template-columns:1fr}.fun-grid{grid-template-columns:1fr}}
