.events-hero{position:relative;min-height:65vh;margin-top:80px;display:flex;align-items:center;overflow:hidden;background:var(--color-slate)}.events-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-geo{width:100%;height:100%;object-fit:cover}.events-hero-content{position:relative;z-index:1;color:#faf9f6;padding-top:5rem;padding-bottom:5rem;max-width:780px}.events-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--color-olive);background:#8a9a8626;border:1px solid rgba(138,154,134,.3);padding:.35rem .9rem;border-radius:100px;margin-bottom:1.5rem}.events-hero-content h1{color:#faf9f6;font-size:clamp(2rem,1.5rem + 3vw,3.8rem);margin-bottom:1.25rem;line-height:1.1}.events-hero-content p{font-size:clamp(.95rem,.85rem + .5vw,1.2rem);opacity:.82;max-width:560px;margin-bottom:2.5rem;line-height:1.7}.events-category-pills{display:flex;gap:.75rem;flex-wrap:wrap}.cat-pill{padding:.55rem 1.35rem;border-radius:100px;border:1.5px solid rgba(250,249,246,.3);background:transparent;color:#faf9f6bf;font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.cat-pill:hover{background:#faf9f61a;border-color:#faf9f699;color:#faf9f6}.cat-pill.active{background:var(--color-terracotta);border-color:var(--color-terracotta);color:#faf9f6}.nav-active{color:var(--color-terracotta)!important}.nav-active:after{width:100%!important}.events-main{background:var(--bg-color)}.channel-alt{background:#fff}.channel-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(74,90,106,.1)}.channel-accent{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s var(--ease-spring)}.channel-accent:hover{transform:rotate(-6deg) scale(1.05)}.scholastic-accent{background:#4a5a6a1a;color:var(--color-slate)}.apparel-accent{background:#8a9a8626;color:#5a7556}.needs-accent{background:#c86b551a;color:var(--color-terracotta)}.general-accent{background:#2b2b2b12;color:var(--color-charcoal)}.channel-accent svg{width:32px;height:32px;will-change:transform}.channel-title{font-size:clamp(1.5rem,1.2rem + 1.5vw,2rem);color:var(--color-slate);margin-bottom:.35rem}.channel-desc{font-size:.95rem;color:var(--color-charcoal);opacity:.65}.event-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.event-panel{position:relative;background:#fff;border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;transition:transform .35s var(--ease-spring),box-shadow .35s ease;display:flex;flex-direction:column;outline:none}.event-panel:hover,.event-panel:focus-visible{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-deep)}.event-panel:focus-visible{outline:3px solid var(--color-terracotta);outline-offset:4px}.event-panel.panel-wide{grid-column:1 / -1}.panel-bg-image{height:160px;width:100%;object-fit:cover;flex-shrink:0;transition:transform .55s ease,opacity .6s ease-out;display:block}.event-panel:hover .panel-bg-image{transform:scale(1.04)}.panel-overlay-chip{position:absolute;top:1rem;left:1rem;font-size:.68rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;padding:.3rem .8rem;border-radius:100px;pointer-events:none}.scholastic-chip{background:#4a5a6ad9;color:#faf9f6}.apparel-chip{background:#5a7556d9;color:#faf9f6}.needs-chip{background:#c86b55d9;color:#faf9f6}.general-chip{background:#2b2b2bcc;color:#faf9f6}.panel-status-dot{position:absolute;top:1rem;right:1rem;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 3px #faf9f680;pointer-events:none}.status-active-dot{background:#2e7d32;animation:pulse-green 2s infinite}.status-past-dot{background:#909090}.status-upcoming-dot{background:var(--color-slate)}.status-permanent-dot{background:var(--color-terracotta);animation:pulse-terra 2.5s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #2e7d324d}50%{box-shadow:0 0 0 6px #2e7d321a}}@keyframes pulse-terra{0%,to{box-shadow:0 0 0 3px #c86b554d}50%{box-shadow:0 0 0 6px #c86b551a}}.panel-content{padding:1.75rem;display:flex;flex-direction:column;flex:1}.panel-eyebrow{font-size:.7rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--color-slate);opacity:.65;margin-bottom:.5rem}.panel-title{font-size:clamp(1.1rem,.9rem + 1vw,1.4rem);color:var(--color-charcoal);margin-bottom:.75rem;line-height:1.25}.panel-desc{font-size:clamp(.85rem,.8rem + .3vw,.95rem);color:var(--color-slate);opacity:.8;line-height:1.65;flex:1;margin-bottom:1.25rem}.panel-progress{margin-bottom:1.25rem}.progress-bar-track{height:5px;background:#4a5a6a1f;border-radius:100px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--color-slate),var(--color-olive));transition:width .8s var(--ease-spring)}.apparel-fill{background:linear-gradient(90deg,var(--color-olive),#6d9669)}.needs-fill{background:linear-gradient(90deg,var(--color-terracotta),#e07a64)}.general-fill{background:linear-gradient(90deg,var(--color-charcoal),#555)}.progress-label{font-size:.75rem;color:var(--color-slate);opacity:.7;font-weight:500}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(74,90,106,.08)}.panel-footer-actions{display:flex;align-items:center;gap:.75rem}.btn-copy-event-link{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(74,90,106,.15);background:transparent;color:var(--color-slate);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s var(--ease-spring);padding:0}.btn-copy-event-link:hover,.btn-copy-event-link:focus-visible{background:var(--color-terracotta);border-color:var(--color-terracotta);color:#fff;transform:scale(1.1)}.btn-copy-event-link svg{display:block;width:14px;height:14px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.panel-status{font-size:.72rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;padding:.28rem .75rem;border-radius:100px;border:1.5px solid currentColor}.active-status{color:#2e7d32}.past-status{color:#707070}.upcoming-status{color:var(--color-slate)}.permanent-status{color:var(--color-terracotta)}.panel-arrow{font-size:1.2rem;color:var(--color-slate);opacity:.4;transition:opacity .25s ease,transform .25s ease}.event-panel:hover .panel-arrow{opacity:1;transform:translate(4px)}.event-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2b2b8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .4s ease}.event-modal-backdrop.open{opacity:1;pointer-events:all}.event-modal{position:absolute;bottom:0;left:0;right:0;max-height:92vh;background:var(--bg-color);border-radius:24px 24px 0 0;overflow:hidden;overflow-y:auto;transform:translateY(100%) scale3d(.95,.95,1);transition:transform .55s cubic-bezier(.16,1,.3,1);will-change:transform;-webkit-overflow-scrolling:touch}.event-modal-backdrop.open .event-modal{transform:translateY(0) scaleZ(1)}@media (min-width: 768px){.event-modal{left:auto;right:0;top:0;bottom:0;max-height:100vh;width:min(560px,100vw);border-radius:24px 0 0 24px;transform:translate(100%) scale3d(.95,.95,1);transition:transform .55s cubic-bezier(.16,1,.3,1)}.event-modal-backdrop.open .event-modal{transform:translate(0) scaleZ(1)}}.modal-close{position:absolute;top:1.25rem;right:1.25rem;z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid rgba(74,90,106,.15);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-charcoal);transition:background-color .25s ease,transform .25s ease}.modal-close:hover{background:#fff;transform:rotate(90deg) scale(1.1)}.modal-geo-accent{height:180px;overflow:hidden;flex-shrink:0}.modal-geo-accent svg{width:100%;height:100%;display:block;will-change:transform}.modal-content-body{padding:2.5rem}.modal-category-chip{display:inline-block;font-size:.7rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;background:var(--color-slate);color:#faf9f6;margin-bottom:1.25rem}.modal-title{font-size:clamp(1.4rem,1.1rem + 1.5vw,2rem);color:var(--color-charcoal);margin-bottom:1rem;line-height:1.2}.modal-description{font-size:.95rem;color:var(--color-slate);opacity:.85;line-height:1.7;margin-bottom:2rem}.modal-sub{font-size:.82rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--color-slate);opacity:.6;margin-bottom:1rem}.modal-milestones{margin-bottom:2rem}.milestones-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.milestones-list li{font-size:.9rem;color:var(--color-charcoal);padding:.75rem 1rem;background:#fff;border-radius:8px;border-left:3px solid var(--color-olive);display:flex;align-items:center;gap:.6rem}.milestones-list li:before{content:"✓";font-weight:700;color:var(--color-olive);flex-shrink:0;font-size:.85rem}.modal-fundraising{margin-bottom:2rem}.modal-progress-track{height:8px;background:#4a5a6a1f;border-radius:100px;overflow:hidden;margin-bottom:.65rem}.modal-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-terracotta),var(--color-olive));border-radius:100px;transition:width 1.2s var(--ease-spring)}.modal-progress-label{font-size:.85rem;color:var(--color-slate);opacity:.75;font-weight:500}.modal-payment-block{padding:1.75rem;background:var(--color-slate);border-radius:var(--border-radius);margin-bottom:2rem}.modal-payment-block .modal-sub{color:#faf9f6;opacity:.7}.modal-payment-note{font-size:.85rem;color:#faf9f6bf;margin-bottom:1.25rem;line-height:1.5}.modal-payment-btns{display:flex;flex-direction:column;gap:1rem}.modal-payment-step{display:flex;align-items:center;gap:1rem;padding:.85rem 1.1rem;background:#faf9f612;border-radius:8px;border-left:3px solid rgba(250,249,246,.2);flex-wrap:wrap}.modal-carrier{font-size:.78rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.mtn-color{color:#fc0}.airtel-color{color:#ff7070}.modal-payment-step code{font-size:.85rem;color:#faf9f6d9;font-family:Courier New,monospace}.event-channel.hidden{display:none}@media (max-width: 768px){.events-hero{margin-top:70px;min-height:55vh}.events-hero-content{padding-top:3rem;padding-bottom:3rem}.channel-header{flex-direction:column;align-items:flex-start;gap:1rem}.event-panel-grid{grid-template-columns:1fr}.event-panel.panel-wide{grid-column:1}.modal-content-body{padding:1.75rem}}@media (max-width: 480px){.events-category-pills{gap:.5rem}.cat-pill{font-size:.72rem;padding:.45rem 1rem}.modal-payment-step{flex-direction:column;align-items:flex-start;gap:.4rem}}.multi-step-workflow{position:relative;overflow:hidden}.workflow-step{transition:opacity .4s var(--ease-spring),transform .4s var(--ease-spring);opacity:1;transform:translateY(0)}.workflow-step.hidden{display:none;opacity:0;transform:translateY(10px)}.step-title{color:#faf9f6;font-size:1.1rem;margin-bottom:1rem;border-bottom:1px solid rgba(250,249,246,.1);padding-bottom:.5rem}.mtn-card-placeholder{background:transparent!important;border:1px dashed var(--color-slate)!important;opacity:.8!important;pointer-events:none}.mtn-card-placeholder .modal-carrier{color:var(--color-slate)!important}.coming-soon-label{color:var(--color-terracotta);font-size:.8rem;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.airtel-card-active{cursor:pointer;position:relative;transition:background-color .3s ease,border-color .3s ease}.airtel-card-active:hover{background:#faf9f626;border-color:#faf9f666}.copy-feedback-toast{position:absolute;right:1rem;top:50%;transform:translateY(-50%) translate(10px);background:var(--color-olive);color:#faf9f6;padding:.3rem .6rem;border-radius:4px;display:flex;align-items:center;gap:.4rem;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-spring),transform .3s var(--ease-spring)}.copy-feedback-toast.active{opacity:1;transform:translateY(-50%) translate(0)}.toast-checkmark{width:14px;height:14px}.toast-text{font-size:.75rem;font-weight:700;text-transform:uppercase}.form-group{margin-bottom:1.25rem}.form-label{display:block;color:#faf9f6d9;font-size:.85rem;margin-bottom:.4rem}.form-input{width:100%;padding:.85rem;background:#faf9f61a;border:1px solid rgba(250,249,246,.2);border-radius:8px;color:#faf9f6;font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .3s ease,background .3s ease}.form-input::placeholder{color:#faf9f666}.form-input:focus{border-color:var(--color-olive);background:#faf9f626}.form-input.read-only{background:#faf9f60d;color:var(--color-olive);font-weight:600;pointer-events:none}.form-input.error{border-color:var(--color-terracotta)}.parsed-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-continue,.btn-submit-registration{width:100%;padding:.85rem;border-radius:8px;font-family:var(--font-heading);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;transition:transform .2s ease,background-color .3s ease;margin-top:1rem}.btn-continue{background:transparent;color:var(--color-olive);border:1px solid var(--color-olive)}.btn-continue:hover{background:#8a9a8626}.btn-submit-registration{background:var(--color-olive);color:#faf9f6}.btn-submit-registration:hover{background:#6d8069;transform:translateY(-2px)}.btn-submit-registration:disabled{background:#faf9f633;color:#faf9f666;cursor:not-allowed;transform:none}
