*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#10241a;background:#fffdf5;line-height:1.55}
a{color:inherit}img{max-width:100%;display:block}.w{max-width:1100px;margin:auto;padding:0 20px}
header{background:#0b6b3a;position:sticky;top:0;z-index:9;box-shadow:0 3px 0 #ffc400}
nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;max-width:1100px;margin:auto;flex-wrap:wrap}
.logo{font-weight:900;font-size:1.5rem;color:#fff;text-decoration:none;letter-spacing:-.5px}.logo b{color:#ffc400}
nav .links{display:flex;gap:16px;flex-wrap:wrap}nav .links a{color:#fff;text-decoration:none;font-weight:700;font-size:.95rem}nav .links a:hover{color:#ffc400}
.btn{display:inline-block;background:#ffc400;color:#0b3d22;font-weight:900;padding:14px 26px;border-radius:999px;text-decoration:none;box-shadow:0 5px 0 #c98f00;transition:transform .15s,box-shadow .15s;font-size:1.05rem}
.btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 0 #c98f00}.btn.pink{background:#ff3d7f;color:#fff;box-shadow:0 5px 0 #b3134d}
.hero{position:relative;color:#fff;background:linear-gradient(120deg,rgba(6,60,32,.92),rgba(11,107,58,.55)),url(img/ball-cup.webp) center/cover;padding:80px 0 100px;overflow:hidden}
.hero h1{font-size:clamp(2.6rem,8vw,5.2rem);line-height:1;font-weight:900;letter-spacing:-2px}.hero h1 span{color:#ffc400;display:block}
.hero p{font-size:1.25rem;max-width:560px;margin:18px 0 28px}.tag{display:inline-block;background:#ff3d7f;color:#fff;font-weight:800;padding:6px 14px;border-radius:999px;margin-bottom:18px;transform:rotate(-2deg)}
.ball{position:absolute;bottom:22px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c2,#ffc400 45%,#b98400);animation:roll 7s linear infinite}
@keyframes roll{0%{left:-40px;transform:rotate(0)}100%{left:105%;transform:rotate(1080deg)}}
section{padding:64px 0}h2{font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.05;margin-bottom:14px;color:#0b6b3a}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:28px}
.card{background:#fff;border-radius:22px;padding:26px;border:3px solid #0b6b3a;box-shadow:8px 8px 0 #ffc400;transition:transform .2s}.card:hover{transform:translateY(-6px) rotate(-1deg)}
.price{font-size:3rem;font-weight:900;color:#ff3d7f}.card h3{font-size:1.4rem;margin:6px 0}
.prize{position:relative;overflow:hidden;background:#0b3d22;color:#fff;text-align:center}.prize h2{color:#ffc400;font-size:clamp(3rem,12vw,7rem)}
.prize p{font-size:1.2rem}.cf{position:absolute;top:-20px;width:10px;height:16px;animation:fall linear infinite;opacity:.9}
@keyframes fall{to{transform:translateY(700px) rotate(720deg)}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split img{border-radius:24px;box-shadow:-10px 10px 0 #ff3d7f}
.course{background:#ffc400}.course h2{color:#0b3d22}.course li{margin:8px 0 8px 20px;font-weight:600}
footer{background:#06281a;color:#cfe;padding:36px 0;font-size:.9rem}footer a{color:#ffc400}
.page{padding:48px 20px}.page h1{font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.15;color:#0b6b3a;margin-bottom:12px}.page h2{font-size:1.4rem;margin-top:24px}.page p,.page li{margin:8px 0}
@media(max-width:760px){.split{grid-template-columns:1fr}nav{justify-content:center}.hero{padding:56px 0 90px}.hero .btn{margin:6px 0}nav{padding:10px}nav .links{gap:4px 14px;justify-content:center}nav .links a{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}