@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Orbitron:wght@400;700;900&display=swap";:root{--color-bg-dark: #0a0a0a;--color-bg-card: #121212;--color-bg-card-hover: #1a1a1a;--color-primary: #00ff9d;--color-primary-dark: #00cc7d;--color-secondary: #f9e000;--color-accent: #ff0055;--color-purple: #a855f7;--color-text-main: #f0f0f0;--color-text-muted: #a0a0a0;--color-border: #333333;--font-heading: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--glow-primary: 0 0 20px rgba(0, 255, 157, .3);--glow-secondary: 0 0 20px rgba(249, 224, 0, .3);--border-radius: 12px;--border-radius-sm: 8px;--gradient-primary: linear-gradient(135deg, #00ff9d 0%, #00d4ff 100%);--gradient-accent: linear-gradient(135deg, #a855f7 0%, #ff0055 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg-dark);color:var(--color-text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:1px}a{text-decoration:none;color:inherit;transition:color .3s ease}button{cursor:pointer;border:none;font-family:var(--font-heading)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,157,.06) 0%,transparent 50%),var(--color-bg-dark)}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,157,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,157,.02) 1px,transparent 1px);background-size:80px 80px;opacity:.5;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 40%,black 20%,transparent 70%)}.glow-orb{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(0,255,157,.15) 0%,transparent 70%);filter:blur(100px);opacity:.3;border-radius:50%;animation:pulse-glow 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.35;transform:translate(-50%,-50%) scale(1.15)}}.hero-content{text-align:center;max-width:900px;z-index:1;padding-top:var(--spacing-md)}.hero-logos{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:var(--spacing-md);flex-wrap:wrap;animation:fadeInUp .8s ease-out}.logo-codeleague,.logo-alx{transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 15px rgba(0,255,157,.2))}.logo-codeleague:hover,.logo-alx:hover{transform:translateY(-5px) scale(1.05);filter:drop-shadow(0 0 25px rgba(0,255,157,.4))}.logo-codeleague{height:120px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 0 15px rgba(255,255,255,.2));opacity:.9;animation:fadeInUp .8s ease-out .1s backwards}.logo-alx{height:110px;width:auto;opacity:.9;animation:fadeInUp .8s ease-out .2s backwards}@media(max-width:768px){.logo-codeleague{height:70px}.logo-alx{height:65px}.hero-logos{gap:.8rem}}.logo-divider{width:1px;height:50px;background:linear-gradient(180deg,transparent,var(--color-primary),transparent);opacity:.3;animation:pulse-divider 3s ease-in-out infinite}@keyframes pulse-divider{0%,to{opacity:.3}50%{opacity:.6}}@media(max-width:768px){.logo-divider{height:35px}}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1.2rem;background:linear-gradient(135deg,#00ff9d14,#00d4ff0d);border:1px solid rgba(0,255,157,.25);border-radius:50px;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.8px;box-shadow:0 4px 12px #00ff9d14;text-transform:uppercase;animation:fadeInUp .8s ease-out .3s backwards;position:relative;overflow:hidden}.hero-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s;z-index:2}.hero-badge:hover:before{left:100%}.hero-badge .dot-indicator:before{content:"";width:5px;height:5px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--color-primary)}50%{opacity:.6;box-shadow:0 0 15px var(--color-primary)}}.hero-title{font-size:clamp(1.75rem,3.5vw,2.8rem);line-height:1.3;margin-bottom:var(--spacing-md);font-weight:600;letter-spacing:-.3px;color:var(--color-text-main)}.text-gradient{background:linear-gradient(120deg,var(--color-primary) 0%,#00d4ff 50%,var(--color-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;display:inline-block;font-size:1.15em;position:relative}.hero-details{display:flex;justify-content:center;gap:1.5rem;margin-bottom:var(--spacing-lg);flex-wrap:wrap;margin-top:var(--spacing-md)}.detail-item{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#121212cc,#0a0a0ae6);padding:1.1rem 1.6rem;border-radius:12px;border:1px solid rgba(0,255,157,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 15px #0000004d;overflow:hidden}.detail-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.detail-item:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(0,255,157,.05),transparent 60%)}.detail-item:hover{background:linear-gradient(135deg,#00ff9d14,#00d4ff0d);border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 25px #00ff9d33}.icon-box{width:42px;height:42px;background:linear-gradient(135deg,#00ff9d26,#00d4ff1a);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.15rem;border:1px solid rgba(0,255,157,.2);flex-shrink:0;position:relative;z-index:1}.detail-text{display:flex;flex-direction:column;text-align:left;gap:.2rem;position:relative;z-index:1}.detail-text .label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.detail-text .value{font-size:.95rem;color:var(--color-text-main);font-weight:600;font-family:var(--font-body);line-height:1.3}.detail-link{cursor:pointer;text-decoration:none}.detail-link:hover .detail-text .value{color:var(--color-primary)}.hero-actions{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.btn{padding:.85rem 2.2rem;font-size:.85rem;font-weight:700;text-transform:uppercase;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:1.2px;font-family:var(--font-heading);cursor:pointer}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#00d4ff 100%);color:var(--color-bg-dark);border:none;box-shadow:0 4px 15px #00ff9d40}.btn-primary:hover{box-shadow:0 6px 20px #00ff9d59;transform:translateY(-2px)}.btn-secondary{background:transparent;border:1.5px solid rgba(0,255,157,.4);color:var(--color-primary);box-shadow:0 0 15px #00ff9d1a;position:relative;overflow:hidden}.btn-secondary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,255,157,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.btn-secondary:hover{background:#00ff9d14;border-color:var(--color-primary);box-shadow:0 0 25px #00ff9d33;transform:translateY(-2px)}@media(max-width:768px){.hero-title{font-size:clamp(1.5rem,5vw,2.2rem)}.hero-details{flex-direction:column;gap:.8rem;align-items:stretch}.detail-item{width:100%;max-width:380px;margin:0 auto}.hero-actions{flex-direction:column;width:100%;max-width:280px;margin:var(--spacing-md) auto 0}.btn{width:100%}}.countdown-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem;font-family:var(--font-heading)}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:85px;padding:.5rem;position:relative}.count{font-size:2.8rem;font-weight:900;color:var(--color-primary);line-height:1;text-shadow:0 0 20px rgba(0,255,157,.5);font-family:var(--font-heading)}.label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;margin-top:.6rem;font-family:var(--font-body);letter-spacing:1.5px;font-weight:600}.separator{font-size:1.8rem;color:var(--color-primary);margin-bottom:1.2rem;opacity:.6;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.6}50%{opacity:.2}}@media(max-width:480px){.countdown-container{gap:.6rem}.countdown-item{min-width:65px}.count{font-size:2rem}.label{font-size:.6rem}.separator{font-size:1.4rem;margin-bottom:1rem}}.about{padding:var(--spacing-lg) var(--spacing-md);background:linear-gradient(180deg,var(--color-bg-dark) 0%,#0d0d0d 100%);position:relative}.about:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.3}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2rem;text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text-main);position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:2px;background:var(--gradient-primary);border-radius:2px}.text-highlight{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.objectives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:var(--spacing-md)}.objective-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);padding:1.5rem;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s ease-out backwards}.objective-card:nth-child(1){animation-delay:.1s}.objective-card:nth-child(2){animation-delay:.2s}.objective-card:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.objective-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--card-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.objective-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--card-accent),transparent 70%);opacity:0;transition:opacity .4s}.objective-card:hover{transform:translateY(-5px);border-color:var(--card-accent);box-shadow:0 8px 25px #0000004d,0 0 20px var(--card-accent)}.objective-card:hover:before{transform:scaleX(1)}.objective-card:hover:after{opacity:.05}.card-icon{font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 0 8px rgba(0,255,157,.3))}.objective-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--color-text-main);font-weight:700}.objective-card p{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.agenda{padding:var(--spacing-lg) var(--spacing-md);background-color:#0d0d0d}.agenda-subtitle{text-align:center;color:var(--color-text-muted);font-size:.85rem;margin-top:-1.5rem;margin-bottom:var(--spacing-md);font-style:italic}.timeline{position:relative;max-width:900px;margin:0 auto;padding:var(--spacing-sm) 0}.timeline:before{content:"";position:absolute;top:0;left:20px;height:100%;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-left:50px;margin-bottom:var(--spacing-md);opacity:0;animation:slideInLeft .5s ease-out forwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.15s}.timeline-item:nth-child(3){animation-delay:.2s}.timeline-item:nth-child(4){animation-delay:.25s}.timeline-item:nth-child(5){animation-delay:.3s}.timeline-item:nth-child(6){animation-delay:.35s}.timeline-item:nth-child(7){animation-delay:.4s}.timeline-item:nth-child(8){animation-delay:.45s}.timeline-item:nth-child(9){animation-delay:.5s}.timeline-item:nth-child(10){animation-delay:.55s}.timeline-item:nth-child(11){animation-delay:.6s}.timeline-item:nth-child(12){animation-delay:.65s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.timeline-marker{position:absolute;left:11px;top:0;width:20px;height:20px;border-radius:50%;background:var(--color-bg-dark);border:2px solid var(--color-primary);z-index:1;transition:all .3s ease;box-shadow:0 0 #00ff9d66;animation:pulse-marker 2s ease-in-out infinite}@keyframes pulse-marker{0%,to{box-shadow:0 0 #00ff9d66}50%{box-shadow:0 0 0 8px #00ff9d00}}.timeline-item:hover .timeline-marker{background:var(--color-primary);box-shadow:0 0 12px var(--color-primary),0 0 0 8px #00ff9d33;transform:scale(1.2)}.timeline-content{background:var(--color-bg-card);padding:1rem 1.25rem;border-radius:var(--border-radius);border:1px solid var(--color-border);position:relative;transition:transform .3s ease}.timeline-item:hover .timeline-content{transform:translate(8px);border-color:var(--color-primary)}.time-badge{display:inline-block;font-family:var(--font-heading);font-size:.75rem;color:var(--color-primary);margin-bottom:.5rem;font-weight:600}.item-title{font-size:1rem;color:var(--color-text-main);margin-bottom:.5rem;font-weight:700}.item-details{color:var(--color-text-muted);font-size:.8rem;margin-bottom:.75rem;line-height:1.4}.team-info{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;padding:.6rem;background:#00ff9d0d;border-radius:6px;border-left:2px solid var(--color-primary)}.team-label{font-size:.7rem;color:var(--color-primary);text-transform:uppercase;font-weight:700;letter-spacing:.8px}.team-members{font-size:.75rem;color:var(--color-text-muted);flex:1;line-height:1.3}.phase-tag{display:inline-block;font-size:.7rem;padding:.2rem .5rem;background:#ffffff0d;border-radius:4px;color:var(--color-text-muted)}.timeline-item.contest .timeline-marker{border-color:var(--color-accent)}.timeline-item.contest:hover .timeline-marker{background:var(--color-accent);box-shadow:0 0 15px var(--color-accent)}.timeline-item.contest .time-badge{color:var(--color-accent)}.timeline-item.break .timeline-marker{border-color:var(--color-secondary)}.timeline-item.break:hover .timeline-marker{background:var(--color-secondary);box-shadow:0 0 15px var(--color-secondary)}@media(min-width:768px){.timeline:before{left:50%;transform:translate(-50%)}.timeline-item{width:50%;padding-left:0;padding-right:40px;margin-left:0}.timeline-item:nth-child(2n){margin-left:50%;padding-right:0;padding-left:40px}.timeline-marker{left:auto;right:-10px}.timeline-item:nth-child(2n) .timeline-marker{right:auto;left:-10px}.timeline-item:hover .timeline-content{transform:translate(-10px)}.timeline-item:nth-child(2n):hover .timeline-content{transform:translate(10px)}}.footer{background-color:#050505;padding:var(--spacing-lg) 0 var(--spacing-md);border-top:1px solid var(--color-border);color:var(--color-text-muted);animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logos{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.footer-logo-alx{height:60px;width:auto}.footer-logo-codeleague{height:65px;width:auto;filter:brightness(0) invert(1)}@media(max-width:768px){.footer-logo-alx{height:40px}.footer-logo-codeleague{height:45px}.footer-logos{gap:.7rem}}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links h4,.footer-contact h4{color:var(--color-text-main);margin-bottom:var(--spacing-sm);font-size:1.1rem}.footer-links a{transition:color .3s ease}.footer-links a:hover{color:var(--color-primary)}.location-link{transition:color .3s ease;cursor:pointer}.location-link:hover{color:var(--color-primary)}.location-link p{margin:.25rem 0}.social-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.social-icon{color:var(--color-text-main);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:all .3s ease}.social-icon:hover{border-color:var(--color-primary);color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-md);text-align:center;font-size:.9rem;display:flex;flex-direction:column;gap:.5rem}.built-by{color:var(--color-text-main);font-weight:600}@media(max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-logos{justify-content:center}.footer-links{align-items:center}.social-links{justify-content:center}.footer-contact{display:flex;flex-direction:column;align-items:center}}
