html,body{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;background:#f9f9f9;color:#333;scroll-behavior:smooth;overflow-x:hidden}*{box-sizing:border-box}.hero{position:relative;height:150vh;overflow:hidden}.hero-image-wrapper{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}.hero-img{width:100%;height:120%;object-fit:cover;object-position:center 25%;filter:brightness(70%);transition:transform .3s ease-out,opacity .3s ease-out}.hero-overlay{position:absolute;bottom:8%;left:50%;transform:translate(-50%);text-align:center;color:#fff;background:#00000040;padding:1.2rem 1.8rem;border-radius:15px;width:fit-content;max-width:90%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px #0003;border:1px solid rgba(255,255,255,.15)}.hero-overlay h1{font-size:1.8rem;margin-bottom:.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:600}.hero-overlay p{font-size:.95rem;margin-bottom:1rem;opacity:.95}.overlay-badge{display:inline-block;background:#ffffff40;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.date-badge{display:inline-flex;align-items:center;gap:.5rem;background:#0000004d;padding:.6rem 1.2rem;border-radius:30px;font-size:.95rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.2)}.date-icon{font-size:1.1rem}.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #0003}.btn-icon{font-size:1.1rem}.btn.zoom{background:#e63946;color:#fff}.btn.zoom:hover{background:#d62839;transform:translateY(-2px);box-shadow:0 6px 20px #e6394666}.btn.site{background:#457b9d;color:#fff}.btn.site:hover{background:#35667d;transform:translateY(-2px);box-shadow:0 6px 20px #457b9d66}.flyer-section{padding:4rem 1rem;text-align:center;background:#fff}.flyer-section h2{margin-bottom:1rem;color:#222}.flyer-img{max-width:100%;width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px #00000026;display:block;margin:0 auto}.hybrid-card{max-width:900px;margin:4rem auto;background:linear-gradient(135deg,#fff,#f0f4ff,#e8f0fe);padding:3rem 2rem;border-radius:20px;box-shadow:0 10px 40px #0000001a;position:relative;overflow:hidden}.hybrid-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e63946,#457b9d,#2a9d8f)}.venue-header{text-align:center;margin-bottom:2.5rem}.venue-icon{font-size:3rem;margin-bottom:.5rem}.venue-subtitle{font-size:1rem;color:#555;margin-top:.5rem;opacity:.9}.venue-details{display:flex;gap:2rem;align-items:stretch;justify-content:center;flex-wrap:wrap}.venue-card{flex:1;min-width:280px;max-width:380px;background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.venue-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.venue-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px}.venue-card.physical:before{background:linear-gradient(90deg,#e63946,#d62839)}.venue-card.online:before{background:linear-gradient(90deg,#457b9d,#2a9d8f)}.venue-card-icon{font-size:2.5rem;margin-bottom:1rem}.venue-card h3{font-size:1.4rem;margin-bottom:1rem;color:#222}.venue-name{font-weight:600;font-size:1.1rem;color:#e63946;margin:.5rem 0}.venue-location{color:#666;font-size:1rem;margin:.3rem 0}.venue-description{color:#666;font-size:1rem;margin:.5rem 0 1.5rem}.venue-link{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#457b9d,#2a9d8f);color:#fff;padding:.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 3px 15px #457b9d4d}.venue-link:hover{transform:translate(5px);box-shadow:0 5px 20px #457b9d66}.link-arrow{transition:transform .3s ease}.venue-link:hover .link-arrow{transform:translate(5px)}.venue-decoration{position:absolute;bottom:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(69,123,157,.1),transparent);border-radius:50%}.venue-divider{display:flex;align-items:center;justify-content:center;font-weight:700;color:#457b9d;font-size:1.2rem;min-width:50px}.venue-divider span{background:#fff;padding:.5rem 1.2rem;border-radius:20px;box-shadow:0 2px 10px #0000001a;letter-spacing:1px}.live{text-align:center;padding:3rem 1rem;background:#fdfdfd}.video-container{position:relative;width:100%;max-width:900px;margin:2rem auto;aspect-ratio:16/9}.video-container iframe{width:100%;height:100%;border-radius:12px;box-shadow:0 4px 18px #0003}footer{background:#111;color:#ccc;text-align:center;padding:2rem 1rem}footer .social a{color:#fff;text-decoration:none;margin:0 .5rem;transition:color .3s}footer .social a:hover{color:#e63946}footer a{color:#fff;text-decoration:none}@media (max-width: 768px){.hero{height:100vh}.hero-img{object-fit:fill!important;object-position:center!important}.hero-image-wrapper{height:100vh}.hero-overlay{bottom:5%;padding:1rem;width:90%}.hero-img{background-color:#000}.hero-overlay h1{font-size:1.4rem;line-height:1.3}.hero-overlay p{font-size:.85rem}.overlay-badge{font-size:.7rem;padding:.3rem .8rem}.date-badge{font-size:.85rem;padding:.5rem 1rem}.btn{padding:10px 18px;font-size:.9rem}.flyer-section{padding:2.5rem .5rem}.flyer-section h2{font-size:1.5rem;padding:0 .5rem}.flyer-img{width:100%;max-width:100%;border-radius:8px}.hybrid-card{margin:2rem .5rem;padding:2rem 1rem}.venue-header h2{font-size:1.5rem}.venue-subtitle{font-size:.9rem;padding:0 .5rem}.venue-details{flex-direction:column}.venue-card{min-width:100%;max-width:100%;padding:1.5rem}.venue-divider{transform:rotate(90deg);margin:1rem 0}.video-container{margin:1rem .5rem}.live h2{font-size:1.5rem}footer{font-size:.9rem}}@media (max-width: 480px){.hero-overlay{bottom:3%;padding:.8rem 1rem;width:90%;font-size:.8rem;background:#00000059}.hero-overlay h1{font-size:1rem;line-height:1.3;margin-bottom:.4rem}.overlay-badge{display:none}.date-badge{font-size:.75rem;padding:.4rem .8rem;margin-bottom:.8rem}.hero-overlay p{font-size:.75rem;margin-bottom:.8rem}.hero-buttons{flex-direction:column;gap:.5rem}.btn{padding:8px 14px;font-size:.8rem;width:80%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f9fafb;color:#111827}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}