:root{--navy:#0f2f5f;--orange:#f58220;--cream:#fff4e8;--text:#171717}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f8f9fb;color:var(--text)}a{color:#0f2f5f}.top{background:var(--navy);color:#fff;text-align:center;padding:12px;font-weight:bold}.head{background:#fff;border-bottom:1px solid #ddd;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.head img{width:190px}.nav a{margin-left:16px;text-decoration:none;font-weight:bold}.hero{background:linear-gradient(135deg,#fff,var(--cream));text-align:center;padding:48px 20px 65px;border-bottom:6px solid var(--orange)}.hero img{width:min(275px,72vw)}h1{font-size:clamp(38px,6vw,58px);margin:16px auto;max-width:900px}.sub{max-width:780px;margin:auto;font-size:21px;line-height:1.55;color:#333}.details{max-width:960px;margin:-35px auto 35px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 35px #0002;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.detail{border-left:4px solid var(--orange);padding:10px}.detail strong{display:block;color:var(--navy);font-size:18px}.photo{max-width:1080px;margin:0 auto 45px;padding:0 20px}.photo img{width:100%;border-radius:18px;border:5px solid #fff;box-shadow:0 12px 35px #0003}.section,.page{max-width:980px;margin:45px auto;padding:0 20px}.section h2,.page h1,.page h2{color:var(--navy)}.section p,.page p,.page li{font-size:18px;line-height:1.65;color:#333}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.benefit{background:#fff;padding:22px;border-radius:14px;box-shadow:0 6px 20px #0001;border-top:4px solid var(--orange)}.classes{background:var(--cream);padding:55px 20px;border-top:5px solid var(--orange);border-bottom:5px solid var(--orange)}.classcard,.formcard{max-width:940px;margin:auto;background:#fff;padding:32px;border-radius:16px;box-shadow:0 10px 30px #0002}.classcard{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.button,button{background:var(--orange);color:#fff;border:0;border-radius:8px;padding:16px 22px;font-weight:bold;font-size:17px;text-decoration:none;cursor:pointer}.rsvp{background:var(--navy);padding:55px 20px}.formcard{max-width:720px}.formcard h2{text-align:center;color:var(--navy)}form{display:grid;gap:15px;margin-top:22px}input,textarea,select{width:100%;padding:14px;border:1px solid #ccc;border-radius:8px;font-size:16px}textarea{min-height:110px}.page{background:#fff;padding:36px;border-radius:16px;box-shadow:0 8px 28px #0001}.footer{background:#fff;border-top:1px solid #ddd;text-align:center;color:#666;padding:28px 20px;line-height:1.65;font-size:14px}.links a{margin:0 8px;font-weight:bold;text-decoration:none}@media(max-width:750px){.head{flex-direction:column}.details,.benefits,.classcard{grid-template-columns:1fr}.details{margin:-25px 18px 30px}.classcard .button{width:100%;text-align:center}.nav a{margin:0 7px}}
