:root{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;line-height:1.6;font-weight:400;--primary: #00629B;--primary-light: #00B5E2;--primary-dark: #002855;--secondary: #009CA6;--accent: #007377;--ieee-blue: 200 100% 29%;--ieee-blue-light: 188 100% 44%;--background: #f8fafc;--background-secondary: #f1f5f9;--background-tertiary: #e2e8f0;--surface: rgba(255, 255, 255, .9);--surface-elevated: rgba(255, 255, 255, .95);--text-primary: #002855;--text-secondary: #00629B;--text-muted: #007377;--border: rgba(0, 98, 155, .2);--border-light: rgba(0, 181, 226, .3);--border-accent: rgba(0, 156, 166, .4);--gradient-primary: linear-gradient(135deg, #00629B 0%, #009CA6 50%, #00B5E2 100%);--gradient-hero: linear-gradient(135deg, #00B5E2 0%, #009CA6 25%, #00629B 75%, #002855 100%);--gradient-background: linear-gradient(135deg, #f8fafc 0%, rgba(0, 181, 226, .05) 25%, rgba(0, 156, 166, .08) 50%, rgba(0, 98, 155, .05) 75%, #f1f5f9 100%);--gradient-mesh: radial-gradient(circle at 25% 25%, rgba(0, 98, 155, .1) 0%, transparent 60%), radial-gradient(circle at 75% 75%, rgba(0, 156, 166, .08) 0%, transparent 60%), radial-gradient(circle at 50% 50%, rgba(0, 181, 226, .06) 0%, transparent 60%);--shadow-sm: 0 1px 2px 0 rgba(0, 40, 85, .1);--shadow-md: 0 4px 6px -1px rgba(0, 40, 85, .15), 0 2px 4px -2px rgba(0, 40, 85, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 40, 85, .2), 0 4px 6px -4px rgba(0, 40, 85, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 40, 85, .25), 0 8px 10px -6px rgba(0, 40, 85, .1);--shadow-colored: 0 8px 25px -8px rgba(0, 98, 155, .3);--shadow-glow: 0 0 20px rgba(0, 181, 226, .4);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--space-3xl: 6rem;color:var(--text-primary);background:var(--background);position:relative;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gradient-background);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:var(--gradient-mesh);z-index:-2;pointer-events:none;opacity:.6}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,98,155,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,156,166,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,181,226,.06) 0%,transparent 50%);z-index:-1;pointer-events:none;opacity:.7;animation:lightMeshMove 25s ease-in-out infinite}@keyframes lightMeshMove{0%,to{transform:rotate(0) scale(1);opacity:.8}25%{transform:rotate(90deg) scale(1.05);opacity:.6}50%{transform:rotate(180deg) scale(1.1);opacity:.9}75%{transform:rotate(270deg) scale(1.05);opacity:.7}}@keyframes meshMove{0%,to{transform:rotate(0) scale(1);opacity:.6}33%{transform:rotate(120deg) scale(1.1);opacity:.4}66%{transform:rotate(240deg) scale(.95);opacity:.8}}@keyframes floatBlob{0%,to{transform:translate(0) rotate(0) scale(1);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}33%{transform:translate(30px,-30px) rotate(120deg) scale(1.1);border-radius:30% 60% 70% 40%/50% 60% 30%}66%{transform:translate(-20px,20px) rotate(240deg) scale(.9);border-radius:70% 30% 40% 60%/40% 70% 60% 30%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00629b4d,0 0 40px #00b5e21a}50%{box-shadow:0 0 40px #00629b80,0 0 80px #00b5e233}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s var(--ease-smooth)}nav.scrolled{background:#0a0a0af2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:var(--shadow-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s var(--ease-smooth);cursor:pointer;border:none;font-size:1rem;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);animation:pulseGlow 2s ease-in-out infinite}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--surface);border-color:var(--primary);transform:translateY(-1px)}.card,.event-card,.officer-card{background:var(--surface);border-radius:16px;padding:var(--space-lg);border:1px solid var(--border);position:relative;transition:all .4s var(--ease-smooth);transform-style:preserve-3d;will-change:transform;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card:hover,.event-card:hover,.officer-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),0 0 50px #635bff4d,0 0 100px #0ea5e933;border-color:var(--primary);z-index:10;background:var(--surface-elevated)}.card.mouse-tracking,.event-card.mouse-tracking,.officer-card.mouse-tracking{transition:transform .1s ease-out}.card{perspective:1000px;transform-origin:center center}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),0 0 50px #635bff33,0 25px 50px #0000004d;border-color:var(--primary);z-index:10}.card .btn{transition:all .2s var(--ease-smooth)}.card:hover .btn{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.card:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);opacity:0;border-radius:inherit;transition:opacity .4s var(--ease-smooth);z-index:-1}.card:hover:before{opacity:.1}.card:after{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 ease;pointer-events:none}.card:hover:after{left:100%}.floating-blob{position:absolute;background:var(--gradient-primary);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;opacity:.1;animation:floatBlob 10s ease-in-out infinite;z-index:-1;filter:blur(40px)}.floating-blob:nth-child(1){width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.floating-blob:nth-child(2){width:150px;height:150px;top:60%;right:10%;animation-delay:-3s}.floating-blob:nth-child(3){width:100px;height:100px;bottom:20%;left:60%;animation-delay:-6s}.animate-fade-in{animation:fadeInUp .8s var(--ease-smooth) forwards;opacity:0}.animate-slide-left{animation:slideInLeft .8s var(--ease-smooth) forwards;opacity:0}.animate-scale{animation:scaleIn .6s var(--ease-bounce) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.card,.event-card,.officer-card,.stat-item,.hero-stats .stat-item,.about-card,.feature-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);transition:all .3s var(--ease-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover,.event-card:hover,.officer-card:hover,.stat-item:hover,.about-card:hover,.feature-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg),var(--shadow-colored);transform:translateY(-4px)}.hero-section,.about-section,.events-section,.officers-section,.footer{border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navigation{background:var(--surface-elevated);border-bottom:2px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}button,.btn,.cta-button{border:2px solid transparent;box-shadow:var(--shadow-sm);transition:all .3s var(--ease-smooth)}button:hover,.btn:hover,.cta-button:hover{border-color:var(--primary);box-shadow:var(--shadow-md),var(--shadow-glow)}section{padding:var(--space-3xl) 0;position:relative}@media (max-width: 768px){.container{padding:0 var(--space-sm)}section{padding:var(--space-2xl) 0}.card{padding:var(--space-md)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-blob{animation:none}body:after{animation:none}}.navigation{position:fixed;top:0;left:0;right:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;z-index:1000;transition:all .3s var(--ease-smooth)}.navigation.scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:none}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-md);display:flex;justify-content:space-between;align-items:center;height:72px}.nav-logo{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s var(--ease-smooth)}.nav-logo:hover{transform:translateY(-1px)}.logo-circle{width:40px;height:40px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all .3s var(--ease-smooth);position:relative;overflow:hidden}.logo-circle:before{content:"";position:absolute;inset:0;background:var(--gradient-hero);opacity:0;transition:opacity .3s var(--ease-smooth);border-radius:inherit}.logo-circle:hover:before{opacity:1}.logo-circle:hover{transform:scale(1.05) rotate(5deg);box-shadow:var(--shadow-glow)}.logo-text{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;position:relative;z-index:1}.brand-text{font-size:22px;font-weight:700;color:var(--text-primary);transition:color .3s var(--ease-smooth)}.nav-menu{display:flex;gap:32px;align-items:center}.nav-link{background:none;border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;position:relative;padding:8px 0;transition:all .3s var(--ease-smooth);letter-spacing:-.01em}.nav-link:hover{color:var(--text-primary);transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s var(--ease-smooth)}.nav-link:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px;padding:8px;border-radius:8px;transition:all .3s var(--ease-smooth)}.nav-toggle:hover{background:var(--surface)}.hamburger{width:24px;height:2px;background:var(--text-primary);transition:all .3s var(--ease-smooth);transform-origin:center}.hamburger.active:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active:nth-child(2){opacity:0;transform:scale(0)}.hamburger.active:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#0a0a0af2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-bottom:1px solid var(--border);padding:var(--space-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s var(--ease-smooth);display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav-link{background:none;border:none;color:var(--text-secondary);font-size:16px;font-weight:500;cursor:pointer;padding:var(--space-sm) 0;text-align:left;transition:all .3s var(--ease-smooth);border-radius:8px}.mobile-nav-link:hover{color:var(--text-primary);background:var(--surface);padding-left:var(--space-sm)}@media (max-width: 768px){.nav-menu{display:none}.nav-toggle{display:flex}.nav-container{padding:0 var(--space-sm)}.brand-text{font-size:20px}.logo-circle{width:36px;height:36px}.logo-text{font-size:12px}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:6rem 0 4rem;background:hsl(var(--background))}.hero-background{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-image-overlay{position:absolute;inset:0;z-index:1}.hero-bg-image{width:100%;height:100%;object-fit:cover;opacity:.1;filter:blur(1px) brightness(1.2);transform:scale(1.05)}.gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,hsl(var(--ieee-blue) / .15),transparent),radial-gradient(ellipse 60% 80% at 50% 100%,hsl(var(--ieee-blue-light) / .1),transparent)}.floating-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.shape{position:absolute;background:linear-gradient(135deg,hsl(var(--ieee-blue) / .08),hsl(var(--ieee-blue-light) / .04));border-radius:50%;animation:float 30s infinite ease-in-out;filter:blur(.5px);will-change:transform}.shape-1{width:200px;height:200px;top:10%;left:5%;animation-delay:0s}.shape-2{width:320px;height:320px;top:50%;right:8%;animation-delay:-10s}.shape-3{width:120px;height:120px;top:70%;left:12%;animation-delay:-20s}.shape-4{width:240px;height:240px;top:20%;right:20%;animation-delay:-25s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-30px) rotate(180deg);opacity:.2}}.hero-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center;min-height:calc(100vh - 140px)}.hero-content{z-index:2}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:hsl(var(--foreground));line-height:var(--leading-tight);margin-bottom:var(--space-8);letter-spacing:var(--tracking-tight);position:relative}.title-highlight{background:linear-gradient(135deg,hsl(var(--ieee-blue)),hsl(var(--ieee-blue-light)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title:after{content:"";position:absolute;bottom:-.75rem;left:0;width:60px;height:4px;background:linear-gradient(90deg,hsl(var(--ieee-blue)),hsl(var(--ieee-blue-light)));border-radius:2px;animation:expandWidth 1.2s ease-out .8s both}@keyframes expandWidth{0%{width:0;opacity:0}to{width:60px;opacity:1}}.hero-subtitle{font-size:var(--font-size-xl);color:hsl(var(--muted-foreground));line-height:var(--leading-relaxed);margin-bottom:var(--space-14);max-width:600px;letter-spacing:var(--tracking-normal)}.hero-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-14)}.stat-item{text-align:left;padding:var(--space-5);background:hsl(var(--card) / .8);border:1px solid hsl(var(--border));border-radius:var(--radius-lg);transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:120px}.stat-item:hover{transform:translateY(-2px);border-color:hsl(var(--ieee-blue) / .3);box-shadow:var(--shadow-lg)}.stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:hsl(var(--foreground));margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight);background:linear-gradient(135deg,hsl(var(--ieee-blue)),hsl(var(--ieee-blue-light)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-weight-medium)}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-18)}.hero-actions .btn-secondary{background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--secondary-foreground));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-actions .btn-secondary:hover{background:hsl(var(--secondary) / .8);border-color:hsl(var(--ieee-blue) / .5);color:hsl(var(--foreground))}.scroll-indicator{display:flex;flex-direction:column;align-items:center;color:hsl(var(--muted-foreground));animation:bounce 2s infinite ease-in-out;transition:all .3s ease}.scroll-indicator:hover{color:hsl(var(--ieee-blue));transform:scale(1.1)}.scroll-arrow{width:24px;height:24px;position:relative;margin-bottom:var(--space-3)}.scroll-arrow span{position:absolute;left:50%;width:6px;height:6px;margin-left:-3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);animation:scrollArrow 2s infinite ease-in-out;border-radius:1px}.scroll-arrow span:nth-child(2){top:5px;animation-delay:.15s}.scroll-arrow span:nth-child(3){top:10px;animation-delay:.3s}@keyframes scrollArrow{0%,20%{opacity:0;transform:rotate(-45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(-45deg) translate(20px,20px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.visual-container{position:relative;width:420px;height:420px}.ieee-logo-large{position:relative;width:320px;height:320px;margin:50px auto}.logo-ring{position:absolute;border-radius:50%;border:2px solid hsl(var(--border));background:hsl(var(--card) / .1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.logo-ring:hover{border-color:hsl(var(--ieee-blue) / .4);background:hsl(var(--ieee-blue) / .05)}.ring-1{width:100%;height:100%;animation:rotate 25s linear infinite;border-width:3px}.ring-2{width:80%;height:80%;top:10%;left:10%;animation:rotate-reverse 18s linear infinite;border-width:2px}.ring-3{width:60%;height:60%;top:20%;left:20%;animation:rotate 12s linear infinite;border-width:2px}.logo-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:hsl(var(--card));border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid hsl(var(--ieee-blue) / .3);box-shadow:var(--shadow-xl);transition:all .4s ease}.logo-center:hover{transform:translate(-50%,-50%) scale(1.05);border-color:hsl(var(--ieee-blue) / .6);box-shadow:0 0 30px hsl(var(--ieee-blue) / .3)}.logo-ieee{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:hsl(var(--foreground));letter-spacing:var(--tracking-wide);text-shadow:0 2px 10px hsl(var(--background) / .5);background:linear-gradient(135deg,hsl(var(--ieee-blue)),hsl(var(--ieee-blue-light)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.tech-icons{position:absolute;inset:0;pointer-events:none}.tech-icon{position:absolute;font-size:var(--font-size-xl);background:hsl(var(--card) / .8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border));box-shadow:var(--shadow-lg);animation:float 8s ease-in-out infinite;transition:all .3s ease;color:hsl(var(--ieee-blue))}.tech-icon:hover{transform:scale(1.1);border-color:hsl(var(--ieee-blue) / .4);box-shadow:0 10px 25px hsl(var(--ieee-blue) / .2)}.icon-1{top:5%;left:25%;animation-delay:0s}.icon-2{top:20%;right:15%;animation-delay:-1.5s}.icon-3{bottom:25%;left:10%;animation-delay:-3s}.icon-4{bottom:10%;right:30%;animation-delay:-4.5s}.icon-5{top:50%;left:-5%;animation-delay:-6s}.icon-6{top:45%;right:-5%;animation-delay:-7.5s}@media (max-width: 968px){.hero-container{grid-template-columns:1fr;gap:var(--space-12);text-align:center;min-height:calc(100vh - 120px);padding-top:var(--space-8)}.hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.hero-stats{gap:var(--space-6);flex-wrap:wrap;justify-content:center}.hero-actions{flex-direction:column;align-items:center;gap:var(--space-3)}.visual-container{width:320px;height:320px}.ieee-logo-large{width:270px;height:270px}.logo-center{width:110px;height:110px}.logo-ieee{font-size:var(--font-size-lg)}}@media (max-width: 768px){.hero-container{padding:0 var(--space-4);gap:var(--space-8)}.hero-title{font-size:var(--font-size-3xl);line-height:var(--leading-tight)}.hero-subtitle{font-size:var(--font-size-base)}.hero-stats{flex-direction:column;gap:var(--space-4)}.stat-item{width:100%;text-align:center}.visual-container{width:280px;height:280px}.ieee-logo-large{width:230px;height:230px}}@media (max-width: 480px){.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-sm)}.visual-container{width:240px;height:240px}.ieee-logo-large{width:200px;height:200px}.logo-center{width:90px;height:90px}.logo-ieee{font-size:var(--font-size-base)}.tech-icon{width:45px;height:45px;font-size:var(--font-size-lg)}}.hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;justify-content:center;gap:1rem}.hero-actions{flex-direction:column;align-items:center}.visual-container{width:250px;height:250px}.ieee-logo-large{width:200px;height:200px}.gallery-section{padding:6rem 0;background:linear-gradient(135deg,#fffffff2,#f8fafce6);position:relative;overflow:hidden}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.gallery-item{position:relative;border-radius:1rem;overflow:hidden;aspect-ratio:4/3;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00629b1a}.gallery-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00629b26}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item:hover .gallery-image{transform:scale(1.1)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#002855e6);color:#fff;padding:2rem;transform:translateY(60%);transition:transform .4s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.gallery-overlay p{font-size:.9rem;opacity:.9;margin:0}.about-section{background:var(--bg-secondary);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--bg-primary),transparent);pointer-events:none}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;position:relative;letter-spacing:-.025em}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6;letter-spacing:-.01em}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:5rem;align-items:start}.about-text h3{font-size:2rem;color:var(--accent-blue);margin-bottom:1.5rem;font-weight:600;letter-spacing:-.02em}.about-text p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;color:var(--text-secondary)}.ieee-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-card{background:var(--gradient-card);padding:2rem;border-radius:12px;text-align:center;border:1px solid var(--border-dark);transition:all .3s ease;box-shadow:var(--shadow-small)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:#635bff4d}.stat-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.stat-card h4{font-size:1.25rem;color:var(--primary-blue);margin-bottom:.5rem;font-weight:700}.stat-card p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.what-we-do{margin-bottom:5rem}.subsection-title{font-size:2.5rem;text-align:center;color:var(--text-primary);margin-bottom:3rem;font-weight:700}.activity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.activity-card{background:var(--gradient-card);padding:2rem;border-radius:16px;text-align:center;border:1px solid var(--border-dark);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-small)}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.activity-card:hover:before{transform:scaleX(1)}.activity-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-large);border-color:#635bff4d}.card-icon{width:72px;height:72px;background:var(--bg-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:1px solid var(--border-dark);transition:all .3s ease}.activity-card:hover .card-icon{background:var(--gradient-primary);transform:scale(1.05);border-color:var(--accent-blue)}.card-icon .icon{font-size:2rem;transition:all .3s ease}.activity-card:hover .card-icon .icon{filter:brightness(0) invert(1)}.activity-card h4{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.activity-card p{color:var(--text-secondary);line-height:1.6;margin:0}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:5rem}.mission-card,.vision-card{background:var(--gradient-card);padding:3rem;border-radius:16px;border:1px solid var(--border-dark);position:relative;transition:all .3s ease;overflow:hidden;box-shadow:var(--shadow-small)}.mission-card:before,.vision-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,91,255,.05) 0%,transparent 50%);opacity:.5;transform:rotate(45deg);transition:all .3s ease}.mission-card:hover:before,.vision-card:hover:before{opacity:.8;transform:rotate(45deg) scale(1.1)}.mission-card:hover,.vision-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:#635bff4d}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.card-icon-large{width:60px;height:60px;background:var(--gradient-primary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon-large .icon{font-size:1.5rem;filter:brightness(0) invert(1)}.mission-card h3,.vision-card h3{font-size:1.5rem;color:var(--text-primary);margin:0;font-weight:700}.mission-card p,.vision-card p{color:var(--text-secondary);line-height:1.7;margin:0;position:relative;z-index:1}.about-cta{text-align:center;background:var(--gradient-card);padding:3rem;border-radius:16px;border:1px solid var(--border-dark);box-shadow:var(--shadow-small);position:relative}.about-cta:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:var(--gradient-primary);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:.3}.about-cta h3{font-size:2rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.about-cta p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.7}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:3rem}.mission-vision{grid-template-columns:1fr;gap:2rem}.activity-cards{grid-template-columns:1fr}}@media (max-width: 768px){.section-title{font-size:2.5rem}.subsection-title{font-size:2rem}.about-text h3{font-size:1.75rem}.activity-card{padding:1.5rem}.mission-card,.vision-card{padding:2rem}.card-header{flex-direction:column;text-align:center}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:250px}}@media (max-width: 480px){.activity-cards{grid-template-columns:1fr}.activity-card{min-width:auto}.about-cta{padding:2rem 1rem}}.events-section{background:var(--bg-primary)}.events-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:12px 24px;background:var(--bg-card);border:1px solid var(--border-dark);border-radius:8px;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:1}.tab-button.active:before,.tab-button:hover:before{left:0}.tab-button.active,.tab-button:hover{color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-medium);border-color:var(--accent-blue)}.tab-icon,.tab-count{position:relative;z-index:2}.tab-count{background:#fff3;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.tab-button.active .tab-count{background:#ffffff4d}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.event-card{background:var(--gradient-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-dark);transition:all .3s ease;position:relative;box-shadow:var(--shadow-small)}.event-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-large);border-color:#635bff4d}.category-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:absolute;top:1rem;right:1rem;border-radius:20px;z-index:2}.category-icon{font-size:1rem}.event-content{padding:3rem 2rem 2rem}.event-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.event-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-item{display:flex;align-items:center;gap:.75rem}.detail-icon{font-size:1rem;width:20px;text-align:center}.detail-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.event-description{color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;font-size:.95rem}.event-action{display:flex;justify-content:center}.event-status{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:600}.status-icon{font-size:1.2rem}.events-cta{text-align:center;background:#fff;padding:3rem;border-radius:25px;border:1px solid rgba(0,102,204,.1);position:relative;overflow:hidden}.events-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-light);opacity:.1;transform:rotate(45deg);pointer-events:none}.events-cta h3{font-size:2rem;color:var(--primary-blue);margin-bottom:1rem;font-weight:700;position:relative;z-index:1}.events-cta p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.7;position:relative;z-index:1}.cta-buttons{display:flex;gap:1rem;justify-content:center;position:relative;z-index:1}.event-card{opacity:1;transform:translateY(0)}.event-card:nth-child(2n){animation-delay:.1s}@media (max-width: 968px){.events-grid{grid-template-columns:1fr}.events-tabs{flex-direction:column;align-items:center}.tab-button{width:100%;max-width:300px;justify-content:center}}@media (max-width: 768px){.event-content{padding:2.5rem 1.5rem 1.5rem}.event-title{font-size:1.25rem}.events-cta{padding:2rem}.events-cta h3{font-size:1.75rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:250px}}@media (max-width: 480px){.events-grid{grid-template-columns:1fr}.event-card{margin:0}.category-badge{position:static;margin-bottom:1rem;align-self:flex-start}.event-content{padding-top:1.5rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-icon{display:none}}.officers-section{background:var(--bg-secondary)}.officers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-bottom:4rem}.officer-card{background:var(--surface);border-radius:20px;padding:2.5rem;text-align:center;border:1px solid var(--border);transition:all .4s var(--ease-smooth);position:relative;overflow:hidden;box-shadow:var(--shadow-md);transform-style:preserve-3d;will-change:transform;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.officer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.officer-card:hover:before{transform:scaleX(1)}.officer-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:var(--shadow-xl),0 0 60px #635bff4d,0 0 120px #0ea5e933;border-color:var(--primary);background:var(--surface-elevated)}.officer-avatar{position:relative;margin-bottom:2rem;display:inline-block;transform-style:preserve-3d}.avatar-circle{width:120px;height:120px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:var(--shadow-md);transition:all .4s var(--ease-smooth);transform-style:preserve-3d;position:relative;overflow:hidden}.officer-card:hover .avatar-circle{transform:scale(1.1) translateZ(20px);box-shadow:var(--shadow-xl),0 0 40px #635bff66;animation:pulseGlow 2s ease-in-out infinite}.avatar-text{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:1}.position-badge{position:absolute;bottom:-5px;right:-5px;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:3px solid var(--primary);transition:all .4s var(--ease-smooth);transform-style:preserve-3d}.officer-card:hover .position-badge{transform:scale(1.2) translateZ(10px);box-shadow:var(--shadow-lg);border-color:var(--secondary)}.position-icon{font-size:1.2rem;transition:transform .4s var(--ease-spring)}.officer-card:hover .position-icon{transform:rotate(360deg) scale(1.1)}.officer-info{text-align:center;transform-style:preserve-3d;transition:all .4s var(--ease-smooth)}.officer-card:hover .officer-info{transform:translateZ(10px)}.officer-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.officer-position{font-size:1.1rem;color:var(--primary-blue);font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.officer-details{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.detail-item{text-align:center}.detail-label{display:block;font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.detail-value{display:block;font-size:1rem;color:var(--text-primary);font-weight:600}.officer-bio{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;font-size:.95rem}.contact-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface-elevated);color:var(--primary);border:2px solid var(--primary);border-radius:50px;text-decoration:none;font-weight:600;transition:all .4s var(--ease-smooth);transform-style:preserve-3d;position:relative;overflow:hidden}.contact-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 .5s ease}.contact-btn:hover:before{left:100%}.contact-btn:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-4px) translateZ(15px) scale(1.05);box-shadow:var(--shadow-glow),var(--shadow-lg);border-color:var(--secondary)}.officer-card:hover .contact-btn{transform:translateZ(20px)}.contact-icon{font-size:1rem}.join-team-cta{text-align:center;background:var(--gradient-light);padding:3rem;border-radius:25px;border:1px solid rgba(0,102,204,.1);position:relative;overflow:hidden}.join-team-cta:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:25px;z-index:-1;opacity:.1}.join-team-cta h3{font-size:2rem;color:var(--primary-blue);margin-bottom:1rem;font-weight:700}.join-team-cta p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.7}.cta-buttons{display:flex;gap:1rem;justify-content:center}@media (max-width: 968px){.officers-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}}@media (max-width: 768px){.officers-grid{grid-template-columns:1fr}.officer-card{padding:2rem}.avatar-circle{width:100px;height:100px}.avatar-text{font-size:2rem}.position-badge{width:35px;height:35px}.position-icon{font-size:1rem}.officer-details{gap:1rem}.join-team-cta{padding:2rem}.join-team-cta h3{font-size:1.75rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:250px}}@media (max-width: 480px){.officer-details{flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;text-align:left}.detail-label{margin-bottom:0}}.footer{background:var(--bg-primary);color:var(--text-primary);position:relative;overflow:hidden;border-top:1px solid var(--border-dark)}.footer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0066cce6,#004499f2,#026);z-index:1}.footer:after{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:#ffffff0d;border-radius:50%;animation:float 20s infinite ease-in-out;z-index:2}.footer-content{position:relative;z-index:3;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem}.footer-section{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.footer-section:nth-child(1){animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.footer-logo .logo-circle{width:50px;height:50px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.footer-logo .logo-text{color:#fff;font-size:16px;font-weight:700;letter-spacing:1px}.footer-logo .brand-text{font-size:28px;font-weight:700;color:#fff}.footer-description{color:#fffc;line-height:1.7;margin-bottom:2rem;font-size:.95rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#fff3;transform:translateY(-3px);border-color:#fff6}.social-icon{font-size:1.25rem}.footer-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;position:relative}.footer-title:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:#ffffff80;border-radius:1px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#fffc;text-decoration:none;font-size:.95rem;transition:all .3s ease;position:relative}.footer-links a:hover{color:#fff;padding-left:10px}.footer-links a:before{content:"→";position:absolute;left:-15px;opacity:0;transition:all .3s ease}.footer-links a:hover:before{opacity:1;left:-10px}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{font-size:1.25rem;margin-top:.25rem;flex-shrink:0}.contact-details{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.8rem;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:1px}.contact-details a{color:#ffffffe6;text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:#fff}.contact-details span{color:#fffc;font-size:.9rem;line-height:1.5}.footer-bottom{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0;position:relative;z-index:3}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.copyright p{color:#ffffffb3;font-size:.9rem;margin:0}.footer-bottom-links{display:flex;align-items:center;gap:1rem}.footer-bottom-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}.separator{color:#ffffff80}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width: 968px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-section:nth-child(1){grid-column:1 / -1;text-align:center}.social-links{justify-content:center}}@media (max-width: 768px){.footer-content{padding:3rem 0 2rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.footer-title:after{left:50%;transform:translate(-50%)}.footer-bottom-content{flex-direction:column;gap:1rem}.footer-bottom-links{justify-content:center}}@media (max-width: 480px){.footer-content{padding:2rem 0 1rem}.contact-item{align-items:center;text-align:left}.contact-details{align-items:flex-start}.social-links{flex-wrap:wrap;justify-content:center}.footer-bottom-links{flex-direction:column;gap:.5rem}}.App{text-align:left;min-height:100vh;display:flex;flex-direction:column}.animate.fade-in{opacity:1;transform:translateY(0)}.animate.slide-in-left{opacity:1;transform:translate(0)}html{scroll-padding-top:80px}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--gradient-primary)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*:focus{outline:2px solid var(--accent-blue);outline-offset:2px}button:focus,a:focus{outline:2px solid var(--accent-blue);outline-offset:4px}@media print{.navigation,.scroll-indicator,.floating-shapes,.hero-background{display:none!important}.hero-section{background:#fff!important;color:#000!important;padding:2rem 0!important}.section{padding:1rem 0!important;break-inside:avoid}}