html,body{height:100%;margin:0;overflow:hidden}.snap-container{height:100vh;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.snap-container::-webkit-scrollbar{display:none}.snap-panel{min-height:100vh;scroll-snap-align:start}.intro-panel{display:flex;flex-direction:column;justify-content:center;align-items:center}.events-panel{overflow:visible}.card-fullscreen-overlay{position:fixed;z-index:999999}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}html,body{scrollbar-width:none;-ms-overflow-style:none}:root{--dark-bg: #02061700;--dark-bg-light: #0f172a;--primary-green: #10B981;--primary-green-dark: #059669;--primary-green-light: #34D399;--primary-orange: #FF9800;--primary-orange-dark: #F57C00;--primary-purple: #8B5CF6;--primary-purple-dark: #7C3AED;--primary-purple-light: #A78BFA;--jain-yellow: #FFD700;--jain-red: #FF6B6B;--jain-blue: #3B82F6;--accent-amber: #FFC107;--text-light: #f1f5f9;--text-gray: #f9ecff;--gradient-green: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-orange: linear-gradient(135deg, #FF9800 0%, #FF5722 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--gradient-jain: linear-gradient(135deg, #FFD700 0%, #FF6B6B 50%, #3B82F6 100%);--gradient-golden: linear-gradient(135deg, #FFD700 0%, #FF9800 100%);--gradient-sunset: linear-gradient(135deg, #FF5252 0%, #FF9800 50%, #FFD700 100%);--card-bg: rgba(15, 23, 42, .7);--card-bg-light: rgba(255, 255, 255, .08);--shadow-light: 0 10px 40px rgba(0, 0, 0, .1);--shadow-dark: 0 20px 60px rgba(0, 0, 0, .2);--section-padding: 100px 20px;--nav-btn-bg: rgba(255, 255, 255, .08)}.events-page{min-height:100vh;background:var(--dark-bg);color:var(--text-light);overflow-x:hidden;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.animated-background{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0;overflow:hidden}.floating-orbs{position:absolute;border-radius:50%;filter:blur(40px);opacity:.15}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary-green) 0%,transparent 70%);top:10%;left:5%;animation:floatOrb 25s infinite linear}.orb-2{width:300px;height:300px;background:radial-gradient(circle,var(--primary-purple) 0%,transparent 70%);bottom:15%;right:5%;animation:floatOrb 30s infinite linear reverse}.orb-3{width:200px;height:200px;background:radial-gradient(circle,var(--primary-orange) 0%,transparent 70%);top:40%;left:70%;animation:floatOrb 20s infinite linear}.elegant-header{position:relative;text-align:center;padding:100px 0 30px;overflow:hidden}.header-ornament{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18rem;font-weight:900;opacity:.03;color:var(--primary-green);z-index:1;white-space:nowrap}.main-title{font-family:Playfair Display,serif;font-size:clamp(3rem,7vw,4.5rem);font-weight:700;position:relative;margin:0 auto 15px;color:transparent;background:linear-gradient(135deg,#feffd5,#fffcf7,#f1ebff 66%,#fff);-webkit-background-clip:text;background-clip:text;letter-spacing:1px;z-index:2}.title-divider{width:100px;height:2px;background:linear-gradient(90deg,transparent 0%,#10B981 25%,#FF9800 50%,#8B5CF6 75%,transparent 100%);margin:15px auto;border-radius:2px;animation:dividerPulse 3s infinite}.header-subtitle{font-size:1rem;color:var(--text-gray);max-width:800px;margin:0 auto;font-weight:300;letter-spacing:.5px;text-transform:uppercase;position:relative;z-index:2}.intro-text{position:relative;max-width:800px;margin:40px auto 50px;padding:0 20px;text-align:center;z-index:2}.intro-text p{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:30px;font-weight:300;margin-top:-10px}.intro-text .highlight{color:var(--jain-yellow);font-weight:500}.timeline-nav{position:relative;top:80px;z-index:100;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.1);margin:0 auto 50px;max-width:1200px;border-radius:12px}.timeline-steps{display:flex;justify-content:center;gap:15px;padding:15px;margin:50px auto 0}.timeline-step{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:10px 20px;border-radius:50px;background:#ffffff0d;border:1px solid transparent;opacity:.7;min-width:150px;justify-content:center}.timeline-step:hover{opacity:.9;transform:translateY(-2px);background:#ffffff1a}.timeline-step.active{opacity:1;box-shadow:0 8px 20px #0003}.timeline-step[data-section=live].active{background:#10b9814d;border-color:var(--primary-green)}.timeline-step[data-section=upcoming].active{background:#ff98004d;border-color:var(--primary-orange)}.timeline-step[data-section=past].active{background:#8b5cf64d;border-color:var(--primary-purple)}.step-indicator{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;font-size:.9rem}.timeline-step.active .step-indicator{transform:scale(1.1);box-shadow:0 0 12px #0000004d}.step-indicator i{transition:all .3s ease}.timeline-step.active .step-indicator i{color:#1e293b}.step-label{font-size:.9rem;font-weight:600;color:var(--text-light);transition:all .3s ease}.timeline-step.active .step-label{color:var(--text-light);letter-spacing:.5px}.timeline-step[data-section=live] .step-indicator{color:var(--primary-green);background:#10b9811a}.timeline-step.active[data-section=live] .step-indicator{background:var(--gradient-green)}.timeline-step[data-section=upcoming] .step-indicator{color:var(--primary-orange);background:#ff98001a}.timeline-step.active[data-section=upcoming] .step-indicator{background:var(--gradient-orange)}.timeline-step[data-section=past] .step-indicator{color:var(--primary-purple);background:#8b5cf61a}.timeline-step.active[data-section=past] .step-indicator{background:var(--gradient-purple)}.section-header{position:relative;margin-bottom:40px;padding:0 20px;text-align:center}.section-title-wrapper{display:inline-block;position:relative}.section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:50px 0 0;position:relative;z-index:2;letter-spacing:1px;text-align:center}#live .section-title{background:var(--gradient-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#upcoming .section-title{background:var(--gradient-orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#past .section-title{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-backdrop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;opacity:.05;color:var(--text-light);white-space:nowrap;z-index:1}.title-underline{width:60px;height:3px;margin:10px auto;border-radius:2px;animation:underlinePulse 3s infinite}#live .title-underline{background:var(--gradient-green)}#upcoming .title-underline{background:var(--gradient-orange)}#past .title-underline{background:var(--gradient-purple)}.events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1200px;margin:0 auto 60px;padding:0 20px}.event-card-3d{position:relative;background:#31313138;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;height:420px;width:100%;transition:all .4s ease}.event-card-3d:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:box-shadow .15s ease;z-index:1}.event-card-3d[data-border=left]:before{box-shadow:inset 2px 0 0 var(--accent-color)}.event-card-3d[data-border=right]:before{box-shadow:inset -2px 0 0 var(--accent-color)}.event-card-3d[data-border=top]:before{box-shadow:inset 0 2px 0 var(--accent-color)}.event-card-3d[data-border=bottom]:before{box-shadow:inset 0 -2px 0 var(--accent-color)}.event-card-3d[data-border="top left"]:before{box-shadow:inset 2px 0 0 var(--accent-color),inset 0 2px 0 var(--accent-color)}.event-card-3d[data-border="top right"]:before{box-shadow:inset -2px 0 0 var(--accent-color),inset 0 2px 0 var(--accent-color)}.event-card-3d[data-border="bottom left"]:before{box-shadow:inset 2px 0 0 var(--accent-color),inset 0 -2px 0 var(--accent-color)}.event-card-3d[data-border="bottom right"]:before{box-shadow:inset -2px 0 0 var(--accent-color),inset 0 -2px 0 var(--accent-color)}.event-card-3d:after{content:"";position:absolute;inset:-5px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),color-mix(in srgb,var(--accent-color) 20%,transparent),transparent 60%);opacity:0;transition:opacity .2s ease;z-index:0}.event-card-3d[data-border]:after{opacity:1}.card-image-container{height:160px;overflow:hidden;position:relative;flex-shrink:0}.card-image{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.event-card-3d:hover .card-image{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.8) 100%);z-index:1}.status-ribbon{position:absolute;top:12px;right:-30px;color:#fff;padding:5px 30px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;transform:rotate(45deg);box-shadow:0 3px 10px #0003;z-index:2}#live .status-ribbon{background:var(--gradient-green)}#upcoming .status-ribbon{background:var(--gradient-orange)}#past .status-ribbon{background:var(--gradient-purple)}.card-content{padding:15px;flex-grow:1;display:flex;flex-direction:column;position:relative;z-index:2}.card-content h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-light);line-height:1.3;flex-shrink:0;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:0;height:42px}.event-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;flex-shrink:0}.meta-item{display:flex;align-items:center;gap:6px;color:var(--text-gray);font-size:.8rem}.meta-item i{width:12px;flex-shrink:0;font-size:.8rem}#live .meta-item i{color:var(--primary-green)}#upcoming .meta-item i{color:var(--primary-orange)}#past .meta-item i{color:var(--primary-purple)}.event-description{color:var(--text-gray);line-height:1.4;margin-bottom:10px;font-size:.8rem;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:60px}.event-tags{display:flex;gap:4px;flex-wrap:wrap;flex:1}.tag{padding:3px 8px;border-radius:50px;font-size:.65rem;font-weight:500;white-space:nowrap}#live .tag{background:#10b9811a;color:var(--primary-green-light);border:1px solid rgba(16,185,129,.2)}#upcoming .tag{background:#ff98001a;color:#ffb74d;border:1px solid rgba(255,152,0,.2)}#past .tag{background:#8b5cf61a;color:var(--primary-purple-light);border:1px solid rgba(139,92,246,.2)}.magnetic-btn{position:relative;padding:6px 12px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;border:1px solid transparent;cursor:pointer;font-size:.75rem;letter-spacing:.5px;display:inline-flex;align-items:center;gap:5px;overflow:hidden;transform-style:preserve-3d;perspective:1000px;z-index:2;white-space:nowrap;flex-shrink:0}.magnetic-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.magnetic-btn:hover:before{left:100%}.btn-live{background:var(--gradient-green);color:#fff;box-shadow:0 4px 15px #10b98140}.btn-live:hover{background:linear-gradient(135deg,#0da578,#2ecc71);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.btn-upcoming{background:var(--gradient-orange);color:#1e293b;box-shadow:0 4px 15px #ff980040}.btn-upcoming:hover{background:linear-gradient(135deg,#e68900,#ff5722);transform:translateY(-2px);box-shadow:0 6px 20px #ff980059}.btn-past{background:var(--gradient-purple);color:#fff;box-shadow:0 4px 15px #8b5cf640}.btn-past:hover{background:linear-gradient(135deg,#7c3aed,#ec4899);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}.card-fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#020617fa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:9998;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.card-fullscreen-overlay.active{opacity:1;visibility:visible}.fullscreen-content{max-width:900px;width:100%;background:#0f172af2;border-radius:24px;padding:80px 50px 50px;transform:scale(.9);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(16,185,129,.3);position:relative;overflow:hidden;max-height:85vh;overflow-y:auto;margin-top:60px}.card-fullscreen-overlay.active .fullscreen-content{transform:scale(1);opacity:1}.close-overlay{position:fixed;top:60px;right:60px;width:60px;height:60px;border-radius:50%;background:#10b98133;border:3px solid rgba(16,185,129,.5);color:var(--primary-green);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001;padding:0;margin:0;box-shadow:0 0 25px #10b9814d}.close-overlay:hover{background:var(--primary-green);color:#fff;transform:rotate(90deg) scale(1.1);border-color:var(--primary-green);box-shadow:0 0 30px #10b981b3}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:linear-gradient(90deg,gold,#ff6b6b,#3b82f6);z-index:9999;transition:width .1s ease}@keyframes floatOrb{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,-50px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(20px,30px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes underlinePulse{0%,to{width:60px}50%{width:80px}}@keyframes dividerPulse{0%,to{opacity:.7}50%{opacity:1}}.fullscreen-header{margin-bottom:40px;padding-top:20px}.fullscreen-header h2{font-size:2.8rem;margin-bottom:25px;background:var(--gradient-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;padding-right:80px;padding-left:10px}.fullscreen-meta{display:flex;flex-direction:column;gap:15px;margin:25px 0;padding:25px;background:#10b98114;border-radius:15px;border-left:5px solid var(--primary-green)}.fullscreen-image{height:280px;border-radius:18px;margin:30px 0;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.fullscreen-description{margin:35px 0;padding:25px;background:#ffffff08;border-radius:15px}.fullscreen-description h3{font-size:1.5rem;margin-bottom:18px;color:var(--primary-green-light);display:flex;align-items:center;gap:12px}.fullscreen-description p{color:var(--text-gray);line-height:1.8;font-size:1.05rem;padding:5px}.fullscreen-details{margin:35px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:25px}.detail-card{background:#10b98114;padding:25px;border-radius:15px;border:1px solid rgba(16,185,129,.15);transition:transform .3s ease}.detail-card:hover{transform:translateY(-5px);border-color:var(--primary-green)}.detail-card h4{color:var(--primary-green);margin-bottom:15px;display:flex;align-items:center;gap:12px;font-size:1.2rem}.detail-card ul{list-style:none;padding:0;margin:0}.detail-card li{color:var(--text-gray);margin-bottom:10px;padding-left:22px;position:relative;font-size:1rem;line-height:1.6}.detail-card li:before{content:"→";position:absolute;left:0;color:var(--primary-green);font-size:1.1rem;font-weight:700}.fullscreen-tags{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0;padding:20px;background:#ffffff08;border-radius:15px}.fullscreen-tags .tag{font-size:.9rem;padding:8px 18px;background:#10b98126;color:var(--primary-green-light);border:1px solid rgba(16,185,129,.3)}.fullscreen-actions{display:flex;gap:20px;margin-top:40px;padding:25px;justify-content:center;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05;border-radius:15px}.fullscreen-actions .magnetic-btn{padding:14px 30px;font-size:1rem;min-width:180px;justify-content:center}.fullscreen-meta .meta-item{display:flex;align-items:center;gap:15px;color:var(--text-light);font-size:1.1rem}.fullscreen-meta .meta-item i{color:var(--primary-green);font-size:1.2rem;width:25px}.event-card-3d:nth-child(1){animation-delay:.1s}.event-card-3d:nth-child(2){animation-delay:.2s}.event-card-3d:nth-child(3){animation-delay:.3s}.event-card-3d:nth-child(4){animation-delay:.4s}.event-card-3d:nth-child(5){animation-delay:.5s}.event-card-3d:nth-child(6){animation-delay:.6s}@media(max-width:1200px){.events-grid{grid-template-columns:repeat(3,1fr);max-width:1000px}}@media(max-width:992px){.events-grid{grid-template-columns:repeat(2,1fr);max-width:700px}.event-card-3d{height:480px}.timeline-steps{flex-wrap:wrap}.timeline-step{min-width:130px;padding:8px 16px}.fullscreen-content{max-width:95%;padding:70px 35px 35px}.close-overlay{top:40px;right:40px;width:55px;height:55px;font-size:1.3rem}.fullscreen-header h2{padding-right:60px;font-size:2.3rem}}@media(max-width:768px){.events-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto 50px}.timeline-steps{gap:8px}.timeline-step{min-width:100px;padding:6px 12px}.step-label{font-size:.8rem}.elegant-header{padding:70px 0 20px}.main-title{font-size:clamp(2.5rem,6vw,3rem)}.header-ornament{font-size:12rem}.event-card-3d{height:600px}.intro-text{margin:30px auto 40px;padding:0 15px}.intro-text p{font-size:1rem}.magnetic-btn{padding:5px 10px;font-size:.7rem}.fullscreen-content{padding:70px 25px 25px;margin-top:40px}.close-overlay{top:35px;right:35px;width:50px;height:50px;font-size:1.2rem}.fullscreen-header h2{font-size:2.1rem;padding-right:50px}.fullscreen-details{grid-template-columns:1fr}.fullscreen-actions .magnetic-btn{min-width:160px;padding:12px 25px}.fullscreen-image{height:220px}}@media(max-width:480px){.section-header{margin-bottom:30px}.card-content{padding:12px}.event-card-3d{height:430px}.timeline-step{flex:1;min-width:auto;justify-content:center;padding:5px 8px}.step-label{display:none}.intro-text p{font-size:.9rem}.magnetic-btn{padding:4px 8px;font-size:.65rem}.fullscreen-content{padding:70px 20px 20px;border-radius:18px;margin-top:30px}.close-overlay{top:30px;right:30px;width:45px;height:45px;font-size:1.1rem;border-width:2px}.fullscreen-header h2{font-size:1.8rem;padding-right:45px;margin-bottom:20px}.fullscreen-image{height:200px;margin:20px 0}.fullscreen-meta{padding:18px;gap:12px}.fullscreen-meta .meta-item{font-size:.95rem}.fullscreen-description{padding:18px;margin:25px 0}.detail-card{padding:18px}.fullscreen-actions{flex-direction:column;align-items:stretch;padding:20px;gap:15px}.fullscreen-actions .magnetic-btn{width:100%;padding:12px 20px}.fullscreen-tags{padding:15px;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animated-background{display:none}.event-card-3d:hover{transform:none!important}}.fullscreen-content::-webkit-scrollbar{width:8px}.fullscreen-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.fullscreen-content::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:10px}.fullscreen-content::-webkit-scrollbar-thumb:hover{background:var(--primary-green-light)}@media(max-width:768px){html,body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}.snap-container{height:auto!important;min-height:100dvh;overflow-y:visible!important;scroll-snap-type:none!important}.snap-container>section,.snap-panel{height:auto!important;min-height:auto!important;overflow:visible!important}.global-bg-image,#sparkle-canvas,.animated-background{position:fixed!important;top:0;left:0;width:100vw;height:100vh;will-change:transform;transform:translateZ(0)}}