:root{
	--yellow:#FFD400;
	--yellow-deep:#F2C200;
	--ink:#111111;
	--ink-2:#222222;
	--sand:#f7f5ef;
	--white:#ffffff;
	--shadow: 0 10px 30px rgba(0,0,0,.15);
	--radius:20px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
	margin:0;
	font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;
	color:var(--ink);
	background:var(--sand);
	line-height:1.6;
}
img{max-width:100%;display:block;height:auto}
video{max-width:100%;display:block}

.container{width:min(1120px,90%);margin-inline:auto}
.section{padding:80px 0}
.section__title{font-size:clamp(28px,4vw,40px);margin:0 0 8px;font-weight:800}
.section__subtitle{margin:0 0 32px;color:#555}
.grid.two{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
@media (max-width:900px){.grid.two{grid-template-columns:1fr;}}

/* Header */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(8px);z-index:20;border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.brand__logo{height:44px;width:auto;filter: drop-shadow(0 2px 0 rgba(0,0,0,.08))}
.nav__menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.nav__menu a{color:var(--ink);text-decoration:none;font-weight:600}
.nav__menu a:hover{color:var(--yellow-deep)}
.nav__toggle{display:none;border:0;background:transparent;font-size:28px}
@media (max-width:820px){
	.nav__toggle{display:block}
	.nav__menu{position:fixed;inset:72px 0 auto 0;background:var(--white);flex-direction:column;padding:24px;border-bottom:1px solid #eee;transform:translateY(-120%);transition:transform .35s ease}
	.nav__menu.open{transform:translateY(0)}
}

/* Hero */
.hero{position:relative;min-height:86vh;display:grid;place-items:center;overflow:hidden}
.hero__bg{position:absolute;inset:0;background-image:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55)), url('../img/background-from-top.jpeg');background-size:cover;background-position:center;will-change:transform;transform:translateZ(0)}
.hero__content{position:relative;text-align:center;color:var(--white)}
.hero__title{font-size:clamp(32px,6vw,64px);margin:0 0 12px;font-weight:800;letter-spacing:.2px}
.hero__subtitle{margin:0 0 24px;font-size:clamp(16px,2.2vw,20px);opacity:.95}

/* Buttons */
.btn{display:inline-block;border-radius:999px;padding:14px 22px;font-weight:700;text-decoration:none;transition:transform .15s ease, box-shadow .2s ease}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--yellow);color:var(--ink);box-shadow:0 8px 20px rgba(255,212,0,.35)}
.btn--primary:hover{background:var(--yellow-deep)}
.btn--ghost{border:2px solid var(--ink);color:var(--ink);background:transparent}
.btn--ghost:hover{border-color:var(--yellow-deep);color:var(--yellow-deep)}
.btn--whatsapp{background:#25D366;color:#fff}
.btn--whatsapp:hover{filter:brightness(.95)}

/* About */
.media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.media__video{display:block;width:100%;height:auto}
.checks{padding-left:18px}
.checks li{margin:6px 0}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:linear-gradient(180deg,#fff, #fff5bf);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.card h3{margin-top:0}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cards{grid-template-columns:1fr}}

/* Coaches */
.coaches__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.coach{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:16px;text-align:center}
.coach__photo{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;margin-bottom:10px}
.coach__name{margin:6px 0 4px;font-weight:800}
.coach__bio{margin:0;color:#444}
@media(max-width:900px){.coaches__grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.coaches__grid{grid-template-columns:1fr}}

/* Contact */
.contact{text-align:center}

/* Footer */
.site-footer{background:var(--ink-2);color:#ddd;padding:28px 0 10px;margin-top:40px}
.footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center}
.footer__brand img{height:42px;margin-bottom:6px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}
.footer__links,.footer__social{list-style:none;margin:0;padding:0;display:flex;gap:16px}
.footer__links a,.footer__social a{color:#ddd;text-decoration:none}
.footer__links a:hover,.footer__social a:hover{color:var(--yellow)}
@media(max-width:800px){.footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center}}
.copyright{text-align:center;margin:10px 0 0;color:#aaa;font-size:14px}

/* Animations & Scroll reveal */
[data-observe]{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
[data-observe].visible{opacity:1;transform:none}

/* Tiny tilt on hover */
[data-tilt]{transform:perspective(800px) rotateX(0) rotateY(0);transform-style:preserve-3d}
[data-tilt]:hover{transform:perspective(800px) rotateX(2deg) rotateY(-2deg)}
