*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(to bottom,rgba(255,255,255,.75),rgba(255,255,255,.25)),linear-gradient(135deg,#e8f6ff,#dff7d8);color:#111}


.hero{padding:35px 20px 25px;text-align:center;background:radial-gradient(circle at top right,#fff 0,transparent 35%),linear-gradient(to bottom,#eaf7ff,#fff)}
.header-logo{
    text-align:center;
}

.header-logo img{
    width:100%;
    max-width:800px;
    height:auto;
    filter:
      drop-shadow(0 6px 12px rgba(0,0,0,.18));
}
.title{font-size:clamp(48px,8vw,95px);font-weight:900;line-height:.9;color:#d60012;text-shadow:3px 3px 0 #fff,0 5px 12px rgba(0,0,0,.25)}
.title span{display:block;color:#219342}
.date-badge{display:inline-block;margin-top:0px;background:#d60012;color:#fff;font-size:30px;font-weight:bold;padding:14px 45px;border-radius:8px}
.page{max-width:1160px;margin:auto;padding:25px 20px 60px}
.filter{display:flex;gap:15px;flex-wrap:wrap;align-items:center;background:rgba(255,255,255,.92);padding:20px;border-radius:18px;box-shadow:0 8px 25px rgba(0,0,0,.12);margin-bottom:30px}
.filter button{border:0;padding:13px 28px;border-radius:8px;color:white;font-weight:bold;cursor:pointer;font-size:16px}
.all{background:#26913c}.juli{background:#d60012}.august{background:#f28c00}.september{background:#299443}
.month{margin-bottom:35px}
.month h2{font-size:28px;margin-bottom:18px;color:#d60012}
.month[data-month="August"] h2{color:#f28c00}
.month[data-month="September"] h2{color:#16843a}
.calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px}
.event-card{background:rgba(255,255,255,.95);border-radius:16px;padding:18px 14px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.13);border:2px solid transparent;cursor:pointer;transition:.2s}
.event-card:hover{transform:translateY(-4px);border-color:#268f3b}
.event-card input{display:none}
.event-card.selected{border-color:#d60012;background:#fff7f7}
.day{display:inline-block;background:#d60012;color:white;padding:8px 10px;border-radius:7px;font-weight:bold;margin-bottom:15px;font-size:14px}
.month[data-month="August"] .day{background:#f28c00}
.month[data-month="September"] .day{background:#16843a}
.icon{font-size:38px;margin-bottom:10px}
.event-title{font-weight:bold;min-height:48px}
.form-box{background:rgba(255,255,255,.96);padding:30px;border-radius:22px;box-shadow:0 8px 30px rgba(0,0,0,.15);margin-top:35px}
.form-box h2{color:#d60012;margin-top:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{margin-bottom:16px}
.full{grid-column:1/-1}
label{font-weight:bold;display:block;margin-bottom:7px}
input[type="text"],input[type="email"],input[type="number"],textarea{width:100%;padding:14px;border:1px solid #ccc;border-radius:10px;font-size:15px;font-family:Arial,sans-serif}
textarea{resize:vertical}
.bus-options label,.agb label{font-weight:normal;display:block;margin:10px 0}
.message{background:#ffecec;color:#a30000;padding:14px;border-radius:10px;margin-bottom:20px;font-weight:bold}
.submit{background:#1f8f3a;color:white;border:0;padding:17px 30px;border-radius:12px;font-size:18px;font-weight:bold;cursor:pointer;width:100%}
.footer{text-align:center;color:white;background:#219342;padding:25px;font-size:20px;letter-spacing:4px}
@media(max-width:760px){.logos,.form-grid{grid-template-columns:1fr;display:grid;text-align:center}.date-badge{font-size:22px}}