.navbar{position:fixed;top:8px;left:50%;transform:translate(-50%);width:92%;max-width:1600px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);padding:.5rem 2rem;box-shadow:0 8px 32px #1f268726;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:25px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18)}.dropdown-menu{text-align:center}.navbar-container{display:flex;justify-content:space-between;align-items:center}.left-section{display:flex;align-items:center;gap:2rem}.get-started-btn{background:linear-gradient(135deg,#6e8efb,#4a6cf7);color:#fff;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;box-shadow:0 6px 15px #6e8efb4d;position:relative;overflow:hidden}.mobile-get-started-btn{background:linear-gradient(135deg,#6e8efb,#4a6cf7);color:#fff;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.7rem;box-shadow:0 6px 15px #6e8efb4d;position:relative;overflow:hidden}.mobile-get-started{margin-top:20px;width:100%}.get-started-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6e8efb66}.get-started-btn:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,#ffffff4d,#fff0 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.get-started-btn:hover:after{opacity:1}.logo-area{height:40px}.logo{width:140px;margin:0;border-radius:10px;transition:transform .3s ease}.burger-menu{display:none;background:#000000b0;border:none;border-radius:5px;width:50px;height:35px;padding:0;font-size:1.1rem;color:#fff;cursor:pointer;transition:transform .3s ease,rotate .3s ease}.burger-menu:hover{transform:scale(1.1)}.burger-menu.open{rotate:180deg}.nav-links{display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.nav-links ul{list-style:none;margin-right:20px;padding:0;display:flex;gap:2rem}.nav-links li{position:relative}.nav-links li.has-dropdown:hover .dropdown-menu,.nav-links li.has-dropdown:active .dropdown-menu,.nav-links li.has-dropdown:focus .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu{position:absolute;top:100%;left:0;background:linear-gradient(135deg,#000,#00000083);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:20px;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.dropdown-menu a{display:block;padding:.5rem 1rem;color:var(--btn-text);text-decoration:none;transition:all .3s ease;border-radius:4px;width:100%;margin-top:10px;margin-bottom:10px}.menu-item-content{display:flex;flex-direction:column;align-items:center;line-height:1.2}.menu-item-title{font-size:.9rem;font-weight:600}.menu-item-subtitle{font-size:.8rem;opacity:.9}.dropdown-menu a:hover,.dropdown-menu a.active{background:var(--nav-btn);color:var(--btn-text-after);transform:translate(5px)}.nav-links li a,.nav-item-trigger{color:var(--btn-text);text-decoration:none;font-size:1rem;padding:.6rem 1.4rem;border-radius:8px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:inline-block;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;border:1px solid rgba(255,255,255,.1);cursor:pointer}.logo:hover{transform:scale(1.05)}.nav-links li a:hover,.nav-links li a.active,.has-dropdown:has(a.active) .nav-item-trigger{transform:scale(1.1) translateY(-3px);background:var(--nav-btn);color:var(--btn-text-after);box-shadow:0 8px 20px #0003;opacity:1;animation:pulse 1.5s infinite}.user-menu-container-navbar{position:relative;display:inline-block;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:8px}.user-menu-container-sidebar{position:relative;display:inline-block;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:8px;margin:0 auto;display:flex;flex-direction:column}.user-icon-btn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:8px;font-size:1.2rem;display:flex;align-items:center;gap:8px;position:relative}.username-display{font-size:.9rem;margin-left:4px;color:var(--text-color)}.user-icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.user-dropdown{position:absolute;right:1;top:120%;background:linear-gradient(135deg,#000c,#0009);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:1.2rem;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 8px 32px #0003}.user-menu-container-navbar:hover .user-dropdown,.user-menu-container-sidebar:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a,.user-dropdown button{display:flex;flex-direction:column;width:100%;padding:.8rem 1.2rem;text-align:left;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--btn-text);text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:.5rem 0;position:relative;overflow:hidden}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--nav-btn);color:var(--btn-text-after);transform:translate(5px) scale(1.02);box-shadow:0 4px 15px #0003}.user-dropdown a:after,.user-dropdown button:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,#ffffff4d,#fff0 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.user-dropdown a:hover:after,.user-dropdown button:hover:after{opacity:1}.nav-links li a:after{content:"";position:absolute;width:0;height:3px;bottom:-2px;left:50%;background:linear-gradient(90deg,var(--effect),var(--primary-color));transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:3px;box-shadow:0 2px 8px rgba(var(--effect-rgb),.3)}.nav-links li a:hover:after,.nav-links li a.active:after{width:70%}.nav-links li a:hover:before,.nav-links li a.active:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,#fff3,#fff0 70%);transform:translate(-50%,-50%);z-index:-1;animation:glow 1.5s infinite alternate}@keyframes glow{0%{opacity:.3;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}to{opacity:.3;transform:translate(-50%,-50%) scale(.95)}}@keyframes pulse{0%{box-shadow:0 8px 20px #0003}50%{box-shadow:0 12px 25px rgba(var(--primary-rgb),.4)}to{box-shadow:0 8px 20px #0003}}.theme-toggle{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:1px solid rgba(255,255,255,.25);border-radius:50%;width:100%;height:50px;cursor:pointer;font-size:1.4rem;color:#fffffff2;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000026;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 8px 20px #00000040,0 0 25px var(--primary-color);border:1px solid rgba(255,255,255,.35)}.theme-toggle:active:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);top:var(--y, 50%);left:var(--x, 50%);transform:translate(-50%,-50%) scale(0);opacity:0;z-index:-1;animation:ripple .6s ease-out}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.theme-toggle:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.theme-toggle:hover:after{opacity:1;animation:rotate 10s linear infinite}.backdrop{position:fixed;top:10;left:0;width:100%;height:100%;background-color:#0009;z-index:999;pointer-events:all}@media (max-width: 1400px){.navbar{padding:.8rem 1.5rem;width:100%;max-width:100%;top:0;border-radius:0;background:linear-gradient(135deg,#ffffff26,#ffffff14);box-shadow:0 4px 20px #1f268733}.dropdown-menu{position:static;width:100%;background:#ffffff0d;margin-top:.5rem;margin-bottom:.5rem;transform:none;display:none}.nav-links li.has-dropdown:hover .dropdown-menu,.nav-links li.has-dropdown:active .dropdown-menu,.nav-links li.has-dropdown:focus .dropdown-menu{display:block;opacity:1;visibility:visible;transform:none}.logo-area{height:40px}.burger-menu{display:block}.nav-links{display:block;position:fixed;top:100%;right:0;width:250px;height:100vh;background:#606060d3;flex-direction:column;align-items:flex-start;padding:4rem 2rem;transform:translate(100%);padding-top:10px;padding-left:20px;transition:transform .3s ease}.nav-links.open{transform:translate(0)}.nav-links ul{flex-direction:column;gap:1.2rem;margin-right:0;width:100%}.nav-links li a{font-size:1.1rem;padding:.8rem 1rem;width:100%;text-align:left}.theme-toggle{margin-top:1rem}}@media (max-width: 480px){.logo-area{height:35px}.nav-links{width:200px}.nav-links li a{font-size:1rem;padding:.6rem .8rem}}@media (max-width: 450px){.nav-links.open .get-started-btn{display:block;font-size:1rem;padding:.6rem .8rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);color:var(--btn-text);text-align:left;width:100%}}@media (min-width: 450px){.mobile-get-started{display:none}}@media (max-width: 450px){.logo{display:none}}.home{padding:2rem;max-width:1500px;margin:0 auto;position:relative;overflow-x:hidden}.features-section{margin:4rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;animation:fadeInUp .6s ease-out forwards}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--glass-shadow)}.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.feature-card h3{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:var(--text-color);line-height:1.6;font-size:1rem}.stats-section{margin:4rem 0;padding:3rem 2rem;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--border-radius);border:var(--glass-border)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-card{text-align:center;padding:2rem;background:#ffffff0d;border-radius:15px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.stat-number{font-size:2.5rem;font-weight:700;color:var(--text-color);margin:.5rem 0;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{color:var(--text-color);font-size:1.1rem}.testimonials-section{margin:4rem 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.testimonial-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--border-radius);padding:2rem;position:relative;opacity:0;animation:fadeInUp .6s ease-out forwards}.testimonial-card:before{content:'"';position:absolute;top:1rem;left:1rem;font-size:4rem;color:var(--primary-color);opacity:.2}.testimonial-text{color:var(--text-color);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:var(--primary-color);font-size:1.1rem}.testimonial-author span{color:var(--text-color);font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home{padding:1rem}.features-grid,.stats-grid,.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.feature-card,.testimonial-card{padding:1.5rem}}.hero{text-align:center;padding:3.5rem 2.5rem;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--border-radius);border:var(--glass-border);box-shadow:var(--glass-shadow);margin-bottom:4rem;color:var(--text-color);position:relative;overflow:hidden;transform:perspective(1000px) rotateX(2deg);transition:all .5s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,var(--glass-bg) 0%,rgba(var(--primary-color-rgb),.1) 100%);animation:gradientAnimation 15s ease infinite}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-color) 0%,transparent 50%);opacity:.15;z-index:-1;animation:rotate 20s linear infinite}.hero:hover{transform:perspective(1000px) rotateX(1deg) translateY(-5px);box-shadow:var(--glass-shadow),0 15px 35px rgba(var(--primary-color),.3)}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--quaternary-color) 50%,transparent 100%);opacity:.05;z-index:-1;animation:pulse-opacity 8s ease-in-out infinite alternate}.hero .particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.hero .particle{position:absolute;display:block;pointer-events:none;filter:blur(1px);border-radius:50%;animation:float-particle 15s linear infinite}.hero .particle:nth-child(1){top:20%;left:10%;width:80px;height:80px;background-color:var(--particle-color-1);animation-delay:0s;animation-duration:25s}.hero .particle:nth-child(2){top:60%;left:80%;width:60px;height:60px;background-color:var(--particle-color-2);animation-delay:2s;animation-duration:35s}.hero .particle:nth-child(3){top:40%;left:40%;width:40px;height:40px;background-color:var(--particle-color-3);animation-delay:4s;animation-duration:30s}.hero .particle:nth-child(4){top:80%;left:20%;width:50px;height:50px;background-color:var(--particle-color-1);animation-delay:6s;animation-duration:40s}@keyframes float-particle{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:.8}33%{transform:translateY(-50px) translate(100px) rotate(120deg) scale(1.1);opacity:.5}66%{transform:translateY(50px) translate(-50px) rotate(240deg) scale(.9);opacity:.7}to{transform:translateY(0) translate(0) rotate(360deg) scale(1);opacity:.8}}@keyframes pulse-opacity{0%{opacity:.03}to{opacity:.08}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero-logo{width:180px;border-radius:25px;height:auto;margin-bottom:2.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:float 6s ease-in-out infinite}.hero-logo:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--tertiary-color),var(--quaternary-color),var(--primary-color));background-size:400% 400%;z-index:-1;filter:blur(10px);opacity:.7;animation:gradient-shift var(--gradient-animation-speed) ease infinite}.hero-logo:hover{transform:scale(1.08) rotate(5deg);box-shadow:0 0 30px var(--primary-color)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero h1{font-size:3.5rem;margin-bottom:1rem;color:var(--text-color);text-shadow:var(--text-shadow);background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 8s ease infinite}@keyframes text-shine{to{background-position:200% center}}.hero p{font-size:1.4rem;margin-bottom:2rem;opacity:.9;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;text-shadow:var(--text-shadow)}.community-section{margin:4rem 0;padding:2rem}.team-section{margin:3rem 0;padding:2rem;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--border-radius);border:var(--glass-border)}.team-category{color:var(--text-color);font-size:1.8rem;text-align:center;margin:4rem 0 2rem;position:relative;width:100%;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.team-category:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.members-grid .member-card:nth-child(1){animation-delay:.05s}.members-grid .member-card:nth-child(2){animation-delay:.1s}.members-grid .member-card:nth-child(3){animation-delay:.15s}.members-grid .member-card:nth-child(4){animation-delay:.2s}.members-grid .member-card:nth-child(5){animation-delay:.25s}.members-grid .member-card:nth-child(6){animation-delay:.3s}.members-grid .member-card:nth-child(7){animation-delay:.35s}.members-grid .member-card:nth-child(8){animation-delay:.4s}.members-grid .member-card:nth-child(9){animation-delay:.45s}.members-grid .member-card:nth-child(10){animation-delay:.5s}.member-card{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.2rem 2rem;border-radius:var(--border-radius);border:var(--glass-border);text-align:center;box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:smooth-fade .8s ease-out forwards;animation-fill-mode:both;opacity:0;position:relative;overflow:hidden;transform:perspective(1000px) rotateY(0);will-change:transform,opacity;z-index:5}.member-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);opacity:.15;z-index:-1;transform:translateZ(0);transition:opacity .5s ease;will-change:opacity;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.member-card:after{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:0;transition:opacity .3s ease}.member-card:hover{transform:perspective(1000px) rotateY(2deg) translateY(-12px);box-shadow:var(--glass-shadow),0 20px 40px #8a63ff4d;border-color:#ffffff4d}.member-card:hover .member-avatar{transform:scale(1.05) translateY(-5px);box-shadow:0 15px 35px rgba(var(--primary-color),.4)}.member-card:hover:before{opacity:.15}.member-card:hover:after{opacity:1}.member-avatar{width:130px;height:130px;margin:0 auto 1.8rem;overflow:hidden;border:4px solid;border-image:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--tertiary-color)) 1;background-size:300% 300%;border-radius:0;box-shadow:var(--glow-effect);animation:pulse 3s infinite;position:relative;transform:translateZ(0);transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes smooth-fade{0%{opacity:0}to{opacity:1}}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-card h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.2rem}.member-role{color:var(--text-color);margin-bottom:.5rem;font-size:.9rem;font-weight:700}.member-college{color:var(--text-color);margin-bottom:.3rem;font-size:.9rem}.member-year{color:var(--text-color);margin-bottom:1rem;font-size:.9rem;opacity:.8}.member-specialties{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:1rem}.specialty{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--quaternary-color));background-size:200% 200%;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;box-shadow:0 3px 6px #0003;transition:all .3s ease;margin:.25rem;display:inline-block;position:relative;overflow:hidden;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:gradient-shift 8s ease infinite}.specialty:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color),var(--tertiary-color));z-index:-1;opacity:0;transition:opacity .3s ease;border-radius:20px}.specialty:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 5px 10px #0000004d}.specialty:hover:before{opacity:1}.member-achievements{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.achievement{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.6rem 1.2rem;border-radius:15px;font-size:.85rem;color:var(--text-color);border:var(--glass-border);box-shadow:0 3px 6px #00000026;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin:.4rem 0;position:relative;overflow:hidden;z-index:1}.achievement:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color),var(--tertiary-color));transition:all .3s ease}.achievement:hover{transform:translate(8px) scale(1.02);box-shadow:0 5px 10px #0003;background:var(--card-highlight);border-color:#ffffff4d}.achievement:hover:before{width:6px}.community-social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.social-icon{color:var(--text-color);font-size:1.5rem;transition:all .3s ease;padding:.8rem;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:var(--glass-border);display:flex;align-items:center;justify-content:center}.social-icon:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003;background:var(--card-highlight);color:var(--primary-color)}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.social-link{color:var(--primary-color);text-decoration:none;font-size:.9rem;font-weight:700;transition:color var(--transition-speed)}.social-link:hover{color:var(--hover-color)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0}.feature-card{background-color:var(--card-bg);padding:2rem;border-radius:15px;box-shadow:var(--shadow);text-align:center;transition:transform var(--transition-speed)}.feature-card:hover{transform:translateY(-10px)}.feature-card h2{color:var(--primary-color);margin-bottom:1rem}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #6c63ff66}70%{box-shadow:0 0 0 10px #6c63ff00}to{box-shadow:0 0 #6c63ff00}}@media (max-width: 768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.section-title{font-size:1.5rem}.members-grid{grid-template-columns:1fr}.join-btn{font-size:.75rem!important;padding:10px!important}}.join-btn{display:inline-block;padding:1.2rem 2.5rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:30px;font-weight:700;transition:all .3s ease;box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.3);position:relative;overflow:hidden;font-size:1.1rem;letter-spacing:.5px}.join-btn{background-color:var(--btn-bg);color:var(--btn-text);font-size:1.2rem;padding:1rem 2.5rem;border-radius:40px;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1;box-shadow:0 6px 15px #0003,0 0 5px #8a63ff4d;letter-spacing:.5px;text-transform:uppercase;margin-top:0}.join-btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--tertiary-color),var(--secondary-color));transition:all .4s ease;z-index:-1}.join-btn:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--tertiary-color),var(--quaternary-color),var(--accent-color),var(--primary-color));background-size:300% 300%;z-index:-2;border-radius:40px;opacity:0;transition:opacity .4s ease;animation:gradient-shift 8s linear infinite}.join-btn:hover{color:#fff;transform:translateY(-5px) scale(1.03);box-shadow:0 10px 20px #0000004d,0 0 15px #8a63ff80}.join-btn:hover:before{width:100%}.join-btn:hover:after{opacity:1}.join-btn:active{transform:translateY(-2px) scale(.98)}.btn{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:10px 20px;border-radius:20px;font-size:1rem;font-weight:700;text-decoration:none;text-align:center;transition:background .3s ease-in-out,transform .2s;box-shadow:0 4px 8px #0003}.btn:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.social-link{color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--quaternary-color));background-size:200% 200%;padding:10px 20px;border-radius:12px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1;box-shadow:0 4px 10px #00000040;margin:0 .5rem;letter-spacing:.5px;animation:gradient-shift 8s ease infinite}.social-link:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:linear-gradient(135deg,var(--accent-color),var(--tertiary-color),var(--secondary-color));background-size:200% 200%;transition:all .4s ease-in-out;z-index:-1}.social-link:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 15px #0000004d,0 0 10px #8a63ff66;color:#fff}.social-link:hover:before{width:100%;animation:gradient-shift 8s ease infinite}.social-link:active{transform:translateY(-2px) scale(.98)}.hackathons{padding:2rem;max-width:1500px;margin:0 auto;position:relative;overflow-x:hidden}.hackathons:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,var(--primary-color) 0%,transparent 70%);opacity:.1;pointer-events:none;z-index:-1}.filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;padding:1rem;background-color:var(--card-bg);border-radius:15px;box-shadow:var(--shadow)}.filter-btn{padding:.8rem 1.5rem;border:2px solid var(--filter-color);background:transparent;color:var(--text-color);border-radius:25px;cursor:pointer;font-weight:700;transition:all var(--transition-speed)}.filter-btn:hover{background-color:var(--filter-color);color:#fff;transform:translateY(-2px)}.filter-btn.active{background-color:var(--filter-color);color:#fff;box-shadow:0 4px 12px #0003}.hackathons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;padding:2rem 0}@media (min-width: 1024px){.hackathons-grid{grid-template-columns:1fr}}.no-results{text-align:center;font-size:18px;color:#888;margin-top:20px}.hackathon-card{background-color:rgba(var(--card-bg-rgb),.8);padding:2rem;border-radius:15px;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:cardFadeIn .6s ease-out backwards}.hackathon-card.closed{opacity:.85}.registration-status{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:2}.registration-status.open{background-color:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.registration-status.closed{background-color:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hackathon-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.hackathon-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.hackathon-card h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem;padding-right:100px}.description{color:var(--text-color);margin-bottom:1.5rem;line-height:1.6;font-size:1rem}.rich-text{color:var(--text-color);line-height:1.6}.rich-text h3{color:var(--primary-color);margin:1.5rem 0 1rem;font-size:1.2rem}.rich-text p{margin-bottom:1rem}.rich-text ul{margin:.5rem 0 1rem 1.5rem;list-style-type:disc}.rich-text li{margin-bottom:.5rem;line-height:1.4}.rich-text strong{color:var(--primary-color);font-weight:600}.hackathon-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1000}.detail-item{background-color:rgba(var(--background-color-rgb),.7);padding:1rem;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.detail-item:hover{transform:translateY(-2px);background-color:rgba(var(--background-color-rgb),.9);border-color:rgba(var(--primary-color-rgb),.2)}.detail-label{font-size:.9rem;color:var(--primary-color);font-weight:700}.detail-value{font-size:.9rem;color:var(--text-color)}.card-actions{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}@media (min-width: 480px){.card-actions{grid-template-columns:1fr 1fr}}.register-btn{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease;width:100%}.register-btn.closed{background:#ccc;cursor:not-allowed;opacity:.7}.register-btn.closed:hover{transform:none;box-shadow:none}.register-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.register-btn.closed{background:#666;cursor:not-allowed;opacity:.8}.details-btn{padding:1rem;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;font-weight:700;cursor:pointer;transition:all var(--transition-speed)}.register-btn:hover,.details-btn:hover{transform:scale(1.02)}.details-btn:hover{background:var(--primary-color);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--card-bg);padding:2rem;border-radius:15px;max-width:800px;width:90%;z-index:2000;max-height:70vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin:1rem}@media (max-width: 480px){.modal-content{padding:1.5rem;width:95%}.modal-content h2{font-size:1.5rem}.modal-content h3{font-size:1.2rem}.timeline-item{flex-direction:column;gap:.5rem}.timeline-time,.timeline-event{font-size:.9rem}}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--text-color);cursor:pointer;padding:.5rem;line-height:1}@media (max-width: 768px){.modal-close{font-size:1.5rem;top:.75rem;right:.75rem;padding:.4rem}}.modal-section{margin:2rem 0}.modal-section h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.2rem}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem;background-color:var(--background-color);border-radius:8px;transition:transform var(--transition-speed)}.timeline-item:hover{transform:translate(10px)}.timeline-time{color:var(--primary-color);font-weight:700}.timeline-event{color:var(--text-color)}.modal-register{width:100%;margin-top:2rem}@media (max-width: 768px){.hackathons{padding:1rem}.hackathons-grid{grid-template-columns:1fr;gap:1.5rem}.hackathon-card{padding:1.5rem}.hackathon-card h2{font-size:1.25rem;padding-right:85px}.registration-status{font-size:.75rem;padding:.4rem .8rem}.description,.hackathon-details{font-size:.9rem}.filters{padding:.75rem;gap:.5rem}.filter-btn{padding:.6rem 1rem;font-size:.9rem}.modal-content{width:90%;padding:1.5rem;margin:1rem;max-height:70vh}}@media (max-width: 450px){.timeline-event,.timeline-time{font-size:12px}.timeline-item{overflow-y:scroll}}.search-bar{width:100%;max-width:500px;padding:.8rem;margin:1rem auto;display:block;font-size:1rem;border:2px solid #ccc;border-radius:8px;outline:none;transition:.3s}.search-bar:focus{border-color:var(--primary-color);box-shadow:0 0 10px #6c63ff4d}.app{min-height:100vh;position:relative;background-color:var(--background-color);overflow-x:hidden;transition:background-color var(--transition-speed)}.squares-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.squares-background:before,.squares-background:after{content:"";position:absolute;width:300px;height:300px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));opacity:.1;border-radius:20%;filter:blur(50px);animation:floatSquare 20s infinite}.squares-background:before{top:-150px;left:-150px;animation-delay:-5s}.squares-background:after{bottom:-150px;right:-150px}@keyframes floatSquare{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,100px) rotate(90deg)}50%{transform:translateY(200px) rotate(180deg)}75%{transform:translate(-100px,100px) rotate(270deg)}}.main-content{padding-top:80px;min-height:calc(100vh - 80px);position:relative;z-index:2;animation:fadeIn .8s ease-out;max-width:1400px;margin:0 auto;border-radius:20px}::selection{background-color:#410096;color:#fff}.page-title{color:var(--primary-color);font-size:2.5rem;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:2px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px var(--primary-color)}to{text-shadow:0 0 20px var(--hover-color)}}.about-container{max-width:1300px;margin:0 auto;padding:2rem 1.5rem;position:relative}.about-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,var(--primary-color) 0%,transparent 70%);opacity:.1;pointer-events:none;z-index:-1}.about-hero{text-align:center;padding:6rem 1rem;margin-bottom:4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:20px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:heroFadeIn 1s ease-out}.about-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-hero h1{font-size:3rem;margin-bottom:1rem;letter-spacing:1px}.about-hero p{font-size:1.2rem;max-width:700px;margin:0 auto;opacity:.9}section{margin-bottom:5rem;position:relative}.section-title{font-size:2.2rem;color:var(--text-color);text-align:center;margin-bottom:2.5rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);transform:scaleX(.7);transition:transform .3s ease}section:hover .section-title:after{transform:scaleX(1)}.mission-content{background-color:rgba(var(--card-bg-rgb),.8);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transform:translateY(30px);opacity:0;animation:slideUp .8s ease-out forwards}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.mission-content p{margin-bottom:1.5rem;line-height:1.6;font-size:1.1rem}.mission-content p:last-child{margin-bottom:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.value-card{background-color:rgba(var(--card-bg-rgb),.7);padding:2rem;border-radius:15px;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);animation:cardFadeIn .6s ease-out backwards}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.value-card:nth-child(1){animation-delay:.1s}.value-card:nth-child(2){animation-delay:.2s}.value-card:nth-child(3){animation-delay:.3s}.value-card:nth-child(4){animation-delay:.4s}.value-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px rgba(var(--primary-color-rgb),.15);border-color:var(--primary-color)}.value-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.4rem}.value-card p{line-height:1.5}.history-content{background-color:rgba(var(--card-bg-rgb),.8);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transform:translateY(30px);opacity:0;animation:slideUp .8s ease-out forwards .2s}.history-content:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(var(--primary-color-rgb),.1) 0%,transparent 70%);animation:rotate 30s linear infinite;pointer-events:none}.history-content p{margin-bottom:1.5rem;line-height:1.6;font-size:1.1rem}.history-content p:last-child{margin-bottom:0}.join-content{background-color:rgba(var(--card-bg-rgb),.8);padding:3rem;border-radius:20px;box-shadow:var(--shadow);text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transform:translateY(30px);opacity:0;animation:slideUp .8s ease-out forwards .4s}.join-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(var(--primary-color-rgb),.1),rgba(var(--secondary-color-rgb),.1));pointer-events:none}.join-content p{margin-bottom:2rem;line-height:1.6;font-size:1.1rem;max-width:800px;margin-left:auto;margin-right:auto}.join-cta{display:flex;justify-content:center}.join-button{background-color:var(--btn-bg);color:var(--btn-text);font-size:1.2rem;padding:1rem 2.5rem;border-radius:30px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;border:2px solid transparent;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}.join-button:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.5)}.join-button:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:var(--primary-color);transition:all .3s ease;z-index:-1}.join-button:hover{color:var(--btn-text-after)}.join-button:hover:before{width:100%}@media (max-width: 768px){.about-hero{padding:3rem 1rem}.about-hero h1{font-size:2.5rem}.section-title{font-size:1.8rem}.values-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.about-hero{padding:2rem 1rem}.about-hero h1{font-size:2rem}.about-hero p{font-size:1rem}.section-title{font-size:1.5rem}.mission-content,.history-content,.join-content,.value-card{padding:1.25rem}.values-grid{grid-template-columns:1fr}}.code-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3;pointer-events:none;transition:opacity .3s ease}.code-background:hover{opacity:.4}:root{--cursor-color: var(--primary-color);--cursor-size: 20px;--trail-size: 8px;--trail-color: var(--primary-color)}.custom-cursor{width:var(--cursor-size);height:var(--cursor-size);border:2px solid var(--cursor-color);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background-color .2s ease,transform .05s linear;will-change:transform}@media (max-width: 768px){.custom-cursor,.cursor-trail{display:none}}@media (min-width: 769px){*,a,button,input,textarea,select,[role=button]{cursor:none!important}}.custom-cursor.clicking{transform:translate(-50%,-50%) scale(.8);background:var(--cursor-color)}.custom-cursor.hovering{transform:translate(-50%,-50%) scale(1.5);background:var(--cursor-color);opacity:.5}.cursor-trail{width:var(--trail-size);height:var(--trail-size);background:var(--trail-color);position:fixed;border-radius:50%;pointer-events:none;z-index:9998;opacity:.6;mix-blend-mode:difference;transition:opacity .5s ease;animation:fadeOut 1s ease forwards}@keyframes fadeOut{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.3)}}:root{--card-gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--card-hover-transform: translateY(-5px)}.clubs-container{padding:2rem;max-width:1200px;margin:0 auto}.clubs-title{text-align:center;color:var(--primary-color);margin-bottom:3rem;font-size:2.5rem;background:var(--card-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.clubs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;padding:1rem}.club-card{background:rgba(var(--card-bg-rgb),.8);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.club-card[data-domain=web-development]{background:linear-gradient(135deg,#3f51b526,#9c27b026)}.club-card[data-domain=ai-ml]{background:linear-gradient(135deg,#4caf5026,#00bcd426)}.club-card[data-domain=security]{background:linear-gradient(135deg,#f4433626,#b71c1c26)}.club-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--card-gradient)}.club-card:hover{transform:var(--card-hover-transform);box-shadow:0 15px 30px #00000026}.club-icon{font-size:3rem;margin-bottom:1rem;background:var(--card-gradient);-webkit-background-clip:text;background-clip:text}.club-card h2{color:var(--primary-color);margin-bottom:.5rem;font-size:1.5rem}.club-domain{color:var(--text-color);font-size:1rem;margin-bottom:1rem;opacity:.8}.club-description{color:var(--text-color);margin-bottom:1.5rem;line-height:1.6}.club-actions{display:flex;gap:1rem;justify-content:center}.view-details-btn,.join-club-btn{padding:.8rem 1.5rem;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem}.view-details-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.join-club-btn{background:var(--card-gradient);color:#fff}.view-details-btn:hover,.join-club-btn:hover{transform:translateY(-2px)}.join-club-btn:hover{box-shadow:0 5px 15px #0003}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--card-bg);padding:2.5rem;border-radius:20px;max-width:600px;width:90%;max-height:70vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease-out}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--text-color);font-size:1rem;padding:8px 16px;cursor:pointer;border-radius:20px;transition:all .3s ease}.modal-close:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:var(--primary-color);margin-bottom:1.5rem;font-size:2rem;text-align:center;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.club-leadership{background:linear-gradient(145deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));border-radius:15px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.club-leadership h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.club-leadership h3:before{content:"👥";font-size:1.2rem}.club-leadership p{margin:.5rem 0;color:var(--text-color);font-size:1.1rem}.modal-description{color:var(--text-color);line-height:1.8;margin:2rem 0;padding:1rem;border-left:3px solid var(--primary-color);background:rgba(var(--primary-rgb),.05);border-radius:0 10px 10px 0}.modal-content h3{color:var(--primary-color);margin:1.5rem 0 1rem;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.modal-content h3:nth-of-type(2):before{content:"📋";font-size:1.2rem}.modal-content h3:nth-of-type(3):before{content:"🎯";font-size:1.2rem}.modal-content ul{list-style-type:none;padding:0;margin:0}.modal-content ul li{margin:.8rem 0;padding-left:1.5rem;position:relative;line-height:1.6;color:var(--text-color)}.modal-content ul li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-size:1.5rem;line-height:1}.activities-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(145deg,rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.02));border-radius:15px}.activities-list{list-style-type:none;padding:0;display:grid;gap:.8rem}.activities-list li{color:var(--text-color);padding:.8rem;margin-bottom:.5rem;background:rgba(var(--primary-rgb),.1);border-radius:8px;transition:all .3s ease}.activities-list li:hover{transform:translate(5px);background:rgba(var(--primary-rgb),.15)}.join-instructions{color:var(--text-color);margin-bottom:2rem}.join-instructions ol{padding-left:1.5rem;margin-top:1rem}.join-instructions li{margin-bottom:.8rem;line-height:1.6}.download-form-btn{background:var(--card-gradient);color:#fff;padding:1rem 2rem;border-radius:25px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:1rem}.download-form-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.close-modal-btn{background:transparent;border:none;color:var(--text-color);font-size:1.8rem;cursor:pointer;padding:.5rem;transition:all .3s ease;position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.close-modal-btn:hover{background:var(--primary-color);color:#fff}.coming-soon-card{position:relative}.coming-soon-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;border-radius:20px;opacity:0;transition:opacity .3s ease}.coming-soon-card:hover .coming-soon-overlay{opacity:1}.coming-soon-overlay span{color:#fff;font-size:1.5rem;font-weight:700;padding:1rem 2rem;border:2px solid white;border-radius:25px;background:#00000080}.register-club-btn{padding:1rem 2rem;font-size:1.1rem;background:var(--card-gradient);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.register-club-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.rules-section{color:var(--text-color);margin-bottom:2rem}.rules-section h3{color:var(--primary-color);margin:1.5rem 0 1rem}.rules-list,.process-list{padding-left:1.5rem;margin-bottom:1.5rem}.rules-list li,.process-list li{margin-bottom:.8rem;line-height:1.6}.modal-actions{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.clubs-container{padding:1rem}.clubs-title{font-size:2rem;margin-bottom:2rem}.clubs-grid{grid-template-columns:1fr}.club-card{padding:1.5rem}.modal-content{padding:1.5rem;width:95%}}.startups-container{max-width:1300px;margin:0 auto;padding:2rem 1.5rem;position:relative}.startups-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,var(--primary-color) 0%,transparent 70%);opacity:.1;pointer-events:none;z-index:-1}.startups-hero{text-align:center;padding:6rem 1rem;margin-bottom:4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:20px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:heroFadeIn 1s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.startups-hero h1{font-size:3rem;margin-bottom:1rem;letter-spacing:1px}.startups-hero p{font-size:1.2rem;max-width:700px;margin:0 auto;opacity:.9}.startups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.startup-card{background:rgba(var(--card-bg-rgb),.8);border-radius:15px;padding:2rem;box-shadow:0 10px 20px #0000001a;border:1px solid rgba(255,255,255,.1);border:var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;animation:cardFadeIn .6s ease-out backwards}.startup-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(var(--primary-color-rgb),.15)}.startup-card h2{color:var(--primary-color);margin-bottom:.5rem;font-size:1.8rem}.startup-card h3{color:var(--text-color);margin-bottom:1rem;font-size:1.2rem;opacity:.9}.startup-stats{display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem 0;border-top:1px solid rgba(var(--primary-color-rgb),.1);border-bottom:1px solid rgba(var(--primary-color-rgb),.1)}.startup-actions{display:flex;gap:1rem;margin-top:1.5rem}.view-details-btn,.apply-btn{flex:1;padding:.8rem;border-radius:8px;font-weight:600;transition:all .3s ease;text-align:center}.view-details-btn{background:var(--glass-bg);color:var(--primary-color);border:2px solid var(--primary-color)}.view-details-btn:hover{background:var(--primary-color);color:#fff}.apply-btn{background:var(--primary-color);color:#fff;border:none}.apply-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.apply-startup-section{text-align:center;padding:4rem 2rem;margin-top:4rem;background:var(--glass-bg);border-radius:20px;border:var(--glass-border);box-shadow:var(--glass-shadow)}.apply-startup-section h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}.apply-startup-btn{margin-top:2rem;padding:1rem 3rem;font-size:1.2rem;border-radius:30px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;font-weight:600;transition:all .3s ease}.apply-startup-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(var(--primary-color-rgb),.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-content{background:var(--glass-bg);padding:2.5rem;border-radius:20px;max-width:800px;width:90%;max-height:70vh;overflow-y:auto;position:relative;border:var(--glass-border);box-shadow:var(--glass-shadow);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-section{margin-bottom:2rem}.leader-info{background:rgba(var(--primary-color-rgb),.05);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.leader-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.leader-header h4{margin:0;font-size:1.2rem;color:var(--text-color)}.leader-role,.leader-availability{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem;color:var(--text-color);opacity:.8}.contact-info{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.contact-method{display:flex;align-items:center;gap:1rem;padding:.8rem;background:rgba(var(--primary-color-rgb),.05);border-radius:8px;transition:all .3s ease}.contact-method:hover{background:rgba(var(--primary-color-rgb),.1)}.leader-icon,.role-icon,.availability-icon,.contact-icon{font-size:1.2rem;color:var(--primary-color)}.preferred-badge{background:var(--primary-color);color:#fff;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;margin-left:auto}.modal-section h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.4rem}.tech-stack-tags{display:flex;flex-wrap:wrap;gap:.8rem}.tech-tag{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--secondary-color-rgb),.1));color:var(--primary-color);padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;border:1px solid rgba(var(--primary-color-rgb),.1);transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.tech-tag:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.15),rgba(var(--secondary-color-rgb),.15))}.team-members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.team-member-card{background:rgba(var(--primary-color-rgb),.05);padding:1.5rem;border-radius:12px;text-align:center}.team-member-card h4{color:var(--text-color);margin-bottom:.5rem}.member-role{color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.member-focus{font-size:.9rem;opacity:.8}.modal-close,.download-btn{padding:.8rem 2rem;border-radius:8px;font-weight:600;transition:all .3s ease}.modal-close{background:transparent;color:var(--text-color);border:1px solid var(--text-color)}@media (max-width: 768px){.modal-close{display:none}}.download-btn{background:var(--primary-color);color:#fff;border:none;margin-right:1rem}.modal-actions{display:flex;justify-content:flex-end;margin-top:2rem}@media (max-width: 768px){.startups-hero{padding:4rem 1rem}.startups-hero h1{font-size:2.5rem}.startups-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.team-members-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.startups-hero{padding:3rem 1rem}.startups-hero h1{font-size:2rem}.startup-actions{flex-direction:column}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column;gap:1rem}.download-btn{margin-right:0;margin-bottom:1rem}}.startup-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:1rem;line-height:1.5;height:4.5em}.login-container{display:flex;justify-content:center;align-items:center;height:85vh;padding:20px}.login-box{background:#000000cb;padding:2rem;border-radius:10px;box-shadow:0 0 20px #0000001a;width:100%;max-width:400px;position:relative;overflow:hidden;transition:transform .3s ease}.login-box.success{transform:scale(1.02)}.login-box.success:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:5;animation:fadeIn .3s ease-in-out forwards}.title-animation{text-align:center;margin-bottom:45px;font-size:2.8rem;font-weight:700;color:var(--primary-color)}.floating-label,.floating-label1{position:absolute;left:0;top:50%;margin-left:-15px;transform:translateY(-50%);color:#fffc;font-weight:500;font-size:.95rem;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0 12px;margin-top:-2px}.animated-input:focus~.floating-label,.animated-input:not(:placeholder-shown)~.floating-label{top:-16px;left:0;font-size:.85rem;font-weight:600;padding:0 12px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(var(--primary-rgb),.2);transform:translateY(0)}.form-actions{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.forgot-password-link{color:#667eea;text-decoration:none;text-align:right;font-size:.9rem;transition:color .3s ease}.forgot-password-link:hover{color:#764ba2;text-decoration:underline}.login-button{width:100%;background-color:#fff;color:#000;font-size:1.2rem;padding:.5rem;border-radius:10px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;border:2px solid transparent;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}.signup-link{text-align:center;margin-top:20px;color:var(--text-color)}.signup-link a{color:#6e8efb;text-decoration:none;font-weight:700;transition:all .3s ease}.signup-link a:hover{color:#4a6cf7;text-decoration:underline}.error-message{color:#f44;background-color:#ff44441a;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center;font-size:.9em}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-button:disabled:hover{transform:none}@media (max-width: 430px){.floating-label1{margin-top:-20px}}.signup-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.loading-text{color:#fff;margin-top:20px;font-size:1.2rem}@keyframes spin{to{transform:rotate(360deg)}}.signup-box{background:#000000cb;border-radius:20px;border:1px solid rgba(255,255,255,.18);padding:40px;width:100%;max-width:600px;margin:auto;box-shadow:0 8px 32px #1f268726;max-height:70vh;overflow-y:auto;position:relative;transition:all .3s ease}.signup-box.success{transform:scale(1.02)}.signup-box.success:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:5;animation:fadeIn .3s ease-in-out forwards}.success-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;color:#03ff0b;background:#4caf4f96;padding:40px 60px;border-radius:50%;box-shadow:0 0 30px #4caf504d;animation:checkmark .8s cubic-bezier(.4,0,.2,1) forwards;z-index:10}@keyframes checkmark{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}70%{transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.title-animation{text-align:center;margin-bottom:45px;font-size:2rem;font-weight:700;color:var(--primary-color)}.form-group{margin-bottom:30px}.input-container{position:relative;margin-bottom:35px}.animated-input{width:100%;padding:12px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:var(--text-color);font-size:16px;transition:all .3s ease}.animated-input:focus{outline:none;border-color:#6e8efb;background:#ffffff26;box-shadow:0 0 10px #6e8efb4d}.password-requirements{margin-top:8px;font-size:.85rem;color:#ffffffb3}.password-requirement{display:flex;align-items:center;gap:8px;margin-bottom:4px}.requirement-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.requirement-icon.valid{background-color:#4caf50;color:#fff}.requirement-icon.invalid{background-color:#fff3;color:#ffffff80}.animated-input:focus~.floating-label,.animated-input:not(:placeholder-shown)~.floating-label{top:-16px;left:8px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(0)}.animated-input:focus~.floating-label1,.animated-input:not(:placeholder-shown)~.floating-label1{top:-16px;left:8px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(0)}.signup-button{width:100%;background-color:#fff;color:#000;font-size:1.2rem;padding:.5rem;border-radius:10px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;border:2px solid transparent;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}.login-link{text-align:center;margin-top:20px;color:var(--text-color)}.login-link a{color:#6e8efb;text-decoration:none;font-weight:700;transition:all .3s ease}.login-link a:hover{color:#4a6cf7;text-decoration:underline}.toggle-password1{position:absolute;right:10px;top:16%;transform:translateY(-50%);background:none;border:none;color:var(--text-color);cursor:pointer;font-size:.85rem;font-weight:600;transition:none;padding:8px 10px;border-radius:50%;transition:all .3s ease}.toggle-password1:hover{transform:translateY(-50%);background:gray}.toggle-password2{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-color);cursor:pointer;font-size:.85rem;font-weight:600;transition:none;padding:8px 10px;border-radius:50%;transition:all .3s ease}.toggle-password2:hover{transform:translateY(-50%);background:gray}.forgot-password-container{display:flex;justify-content:center;align-items:center;height:85vh;padding:20px}.forgot-password-box{background:#000000cb;border-radius:20px;border:1px solid rgba(255,255,255,.18);padding:40px;width:100%;max-width:400px;box-shadow:0 8px 32px #1f268726;position:relative}.reset-button{width:100%;padding:.8rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease}.reset-button:hover{transform:translateY(-2px)}.button-effect{position:absolute;background:#fff3;border-radius:50%;transform:scale(0);animation:ripple .6s linear;pointer-events:none}.back-to-login{text-align:center;margin-top:1rem}.back-to-login a{color:#667eea;text-decoration:none;font-weight:500}.back-to-login a:hover{text-decoration:underline}.message-container{text-align:center;padding:1rem}.success-message{color:#2c5282;font-size:1rem;line-height:1.5;margin-bottom:1rem;padding:.5rem;background-color:#2c52821a;border-radius:4px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ripple{to{transform:scale(4);opacity:0}}.courses-container{padding:1rem;max-width:1400px;margin:40px auto;animation:fadeIn 1s ease-out}.courses-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.courses-title{font-size:3rem;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeIn 1s ease-out}.filters{display:flex;gap:1rem}.filter-select{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background-color:#fff;cursor:pointer;transition:all .3s ease}.filter-select:hover{border-color:#2196f3}.categories-container{display:flex;flex-direction:column;gap:3rem}.category-section{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #1f268726;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);animation:slideUp .6s ease-out backwards}.category-header{margin-bottom:2rem;text-align:left}.category-title{font-size:2.5rem;color:var(--text-color);margin:0 0 .5rem}.category-description{color:var(--text-color-secondary);font-size:1.2rem;margin:0}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.course-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;padding:1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);animation:cardFadeIn .6s ease-out backwards;display:flex;flex-direction:column;height:100%}.course-card:nth-child(1){animation-delay:.1s}.course-card:nth-child(2){animation-delay:.2s}.course-card:nth-child(3){animation-delay:.3s}.course-card:nth-child(4){animation-delay:.4s}.course-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #1f268726;border-color:#ffffff4d}.course-icon{font-size:2.5rem;margin-bottom:1rem}.course-name{font-size:1.5rem;color:var(--text-color);margin:0 0 .5rem}.course-level{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;margin:.5rem 0;font-weight:500}.beginner{background-color:#e8f5e9;color:#2e7d32}.intermediate{background-color:#fff3e0;color:#f57c00}.advanced{background-color:#fce4ec;color:#c2185b}.course-description{color:var(--text-color-secondary);font-size:1rem;line-height:1.5;margin:1rem 0;flex-grow:1}.course-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden}.course-button.disabled{background:linear-gradient(135deg,#a0a0a0,gray);cursor:not-allowed;opacity:.7}.course-button.disabled:hover{transform:none;box-shadow:none}.course-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(var(--primary-color-rgb),.2)}.course-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);transform:scale(0);transition:transform .6s ease-out}.course-button:hover:before{transform:scale(1)}@media (max-width: 768px){.courses-header{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.category-section{padding:1.5rem}.courses-grid{grid-template-columns:1fr}}.roadmaps-container{padding:1rem;max-width:1400px;margin:40px auto 0;animation:fadeIn 1s ease-out}.roadmaps-title{font-size:3rem;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.category-selector,.path-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;border-radius:16px}.category-button,.path-button{background:#ffffff14;border:2px solid rgba(255,255,255,.1);color:var(--text-color-secondary);padding:1rem 2rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem;min-width:180px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.category-button:hover,.path-button:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 25px #0003}.category-button.active,.path-button.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent;box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.3)}.category-button.active:hover,.path-button.active:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(var(--primary-color-rgb),.4)}.category-button:hover,.path-button:hover{background:#ffffff1a;transform:translateY(-2px)}.category-button.active,.path-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.roadmap-content{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);animation:slideUp .6s ease-out}.roadmap-title{font-size:2.5rem;color:var(--text-color);margin-bottom:1rem}.roadmap-description{color:var(--text-color-secondary);font-size:1.2rem;margin-bottom:2rem}.roadmap-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;animation:cardFadeIn .6s ease-out backwards}.step-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #1f268726}.step-title{font-size:1.5rem;color:var(--text-color);margin-bottom:1rem}.step-items{list-style:none;padding:0;margin:0}.step-items li{color:var(--text-color-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.step-items li:before{display:none}.tech-button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1rem;transition:all .3s ease;border-radius:8px;width:100%;text-align:left;position:relative;padding:.5rem 1rem .5rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.tech-button:before{content:"→";position:absolute;left:0;color:var(--primary-color)}.tech-button:hover{background:#ffffff1a;color:var(--primary-color)}.tech-button.has-modal:after{content:"ⓘ";font-size:.9rem;color:var(--primary-color);opacity:.7;margin-left:.5rem;transition:all .3s ease}.tech-button.has-modal:hover:after{opacity:1;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;padding:2rem;width:90%;max-height:75vh;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modalSlideUp .3s ease-out}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ffffff1a}.modal-title{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.modal-description{color:var(--text-color-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.modal-features{list-style:none;padding:0;margin:0 0 2rem}.modal-features li{color:var(--text-color-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.modal-features li:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.modal-resources{display:flex;flex-wrap:wrap;gap:1rem}.resource-link{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:.8rem 1.5rem;border-radius:12px;text-decoration:none;transition:all .3s ease}.resource-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1f268733}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.roadmaps-container{padding:1rem}.roadmaps-title{font-size:2.5rem}.path-selector{flex-direction:column}.path-button{width:100%}.roadmap-content{padding:1.5rem}.roadmap-title{font-size:2rem}}.gallery-container{padding:2rem;max-width:1800px;margin:0rem auto 2rem}.gallery-max{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:25px;margin-bottom:50px;margin-top:-20px}.gallery-title{font-size:3.5rem;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeIn 1s ease-out}.gallery-subtitle{text-align:center;font-size:1.2rem;color:var(--text-color-secondary);margin-bottom:4rem}.gallery-section{margin-bottom:6rem;opacity:0;transform:translateY(20px);animation:sectionSlideUp 1s ease-out forwards}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--effect));-webkit-background-clip:text;background-clip:text;color:transparent}.section-header p{font-size:1.1rem;color:var(--text-color-secondary);max-width:600px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.gallery-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.gallery-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0003}.gallery-image-wrapper{position:relative;padding-top:75%;overflow:hidden}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:transform .5s ease,opacity .5s ease}.gallery-image.visible{opacity:1}.gallery-card:hover .gallery-image{transform:scale(1.1)}.gallery-caption{padding:1.5rem;text-align:center}.gallery-caption h3{font-size:1.2rem;color:var(--text-color);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sectionSlideUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.gallery-container{padding:1rem;margin-top:4rem}.gallery-title{font-size:2.5rem}.section-header h2{font-size:2rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}}.circular-gallery{width:100%;height:100%;overflow:hidden;cursor:grab}.circular-gallery:active{cursor:grabbing}.course-sidebar{width:320px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:20px;border:2px solid rgba(255,255,255,.18);height:calc(100vh - 80px);border-right:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f268726;position:fixed;top:80px;left:0;z-index:1000;overflow-y:auto;transition:transform .3s ease}.course-sidebar.collapsed{transform:translate(-100%)}.course-sidebar::-webkit-scrollbar{width:4px}.course-sidebar::-webkit-scrollbar-track{background:transparent}.course-sidebar::-webkit-scrollbar-thumb{background-color:#fff;border-radius:3px;transition:background-color .3s ease}.course-sidebar::-webkit-scrollbar-thumb:hover{background-color:#fff6}.sidebar-toggle{position:fixed;top:100px;left:290px;z-index:1100;background:var(--nav-btn);color:var(--btn-text-after);border:none;padding:0;width:48px;height:48px;border-radius:0 12px 12px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:2px 0 8px #0000001a}button.sidebar-toggle svg{width:40px;height:40px;font-size:2;transition:transform .3s ease}.sidebar-toggle:hover{background:#000;color:#fff;transform:scale(1.05);box-shadow:3px 0 12px #0003}.course-sidebar h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;text-align:center;letter-spacing:-.025em;padding-bottom:.75rem;border-bottom:2px solid rgba(255,255,255,.1)}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav li{margin:5px 0;border-radius:8px}.dropdown-btn{width:100%;text-align:left;padding:10px;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;border-radius:8px;transition:background-color .3s ease}.dropdown-btn:hover{background-color:#ffffff1a}.dropdown-icon{font-size:12px;transition:transform .3s ease}.dropdown-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);padding-left:20px;padding-bottom:0}.dropdown-content.show{max-height:465px;display:flex;justify-content:center;padding-bottom:10px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding-bottom .3s ease}.dropdown-content-css,.dropdown-content-properties,.dropdown-content-design,.dropdown-content-advance,.dropdown-content-html{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);padding-left:20px;padding-bottom:0}.dropdown-content-css.show{max-height:465px;display:flex;justify-content:center;padding-bottom:10px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding-bottom .3s ease}.dropdown-content-properties.show{max-height:1530px;display:flex;justify-content:center;padding-bottom:10px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding-bottom .3s ease}.dropdown-content-design.show{max-height:280px;display:flex;justify-content:center;padding-bottom:10px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding-bottom .3s ease}.dropdown-content-advance.show{max-height:470px;display:flex;justify-content:center;padding-bottom:10px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding-bottom .3s ease}.dropdown-content-html.show{max-height:535px;display:flex;justify-content:center;padding-bottom:10px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding-bottom .3s ease}.sidebar-nav li.dropdown{margin:10px 0;transition:all .2s ease;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);padding:10px}.sidebar-nav li a{display:block;padding:.875rem 1rem;color:var(--btn-text);text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:8px}.sidebar-nav li a:hover{background:var(--nav-btn);color:var(--btn-text-after);box-shadow:0 8px 20px #0003}.sidebar-nav li.active a{background:var(--nav-btn);color:var(--btn-text-after);font-weight:600;box-shadow:0 8px 20px #0003}@media (max-width: 768px){.course-sidebar{width:240px;padding:1.5rem 1rem}.course-sidebar h2{font-size:1.25rem}.sidebar-nav li a{padding:.75rem .875rem;font-size:.95rem}.sidebar-toggle{left:210px}}.content-section{max-width:1600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#02020271,#0000002c);border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid #eaeaea}.content-section h1{color:#fff;margin-bottom:1.5rem;text-align:center;font-size:2.25rem;font-weight:700;letter-spacing:-.025em;border-bottom:2px solid #e2e8f0;padding-bottom:.75rem}.content-section h2{color:#734dff;margin:2rem 0 1rem;font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.content-section p{line-height:1.8;margin-bottom:1.25rem;color:#fff;font-size:1.1rem}.content-section ul{margin:1.25rem 0;padding-left:1.5rem;list-style-type:none}.content-section li{margin-bottom:.75rem;color:#fff;position:relative;padding-left:1.5rem}.content-section li:before{content:"•";color:#006fca;font-weight:700;position:absolute;left:0}.content-section pre{background-color:#000;padding:1.25rem;border-radius:8px;overflow-x:auto;border:1px solid #e2e8f0;margin:1.5rem 0;position:relative}.content-section code{font-family:Fira Code,monospace;white-space:pre;display:block;line-height:1.6;color:#fff;font-size:.95rem}.content-section strong{color:#0f67ff;font-weight:600}@media (max-width: 768px){.content-section{padding:1.25rem;margin:.75rem;width:calc(100% - 1.5rem)}.content-section h1{font-size:1.75rem;margin-bottom:1.25rem;padding-bottom:.5rem}.content-section h2{font-size:1.25rem;margin:1.5rem 0 .75rem}.content-section p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.content-section ul{margin:1rem 0;padding-left:1rem}.content-section li{margin-bottom:.5rem;padding-left:1.25rem}.content-section pre{padding:1rem;margin:1.25rem 0;font-size:.9rem}.content-section code{font-size:.85rem}}@media (max-width: 480px){.content-section{padding:1rem;margin:.5rem}.content-section h1{font-size:1.5rem}.content-section h2{font-size:1.125rem}.content-section p{font-size:.95rem}.content-section pre{padding:.75rem}.content-section code{font-size:.8rem}}.hover-bg{padding:15px;border:1px solid #ccc;transition:background-color .3s ease}.hover-bg:hover{background-color:#add8e6;color:#000}.hover-text{padding:10px;font-size:16px;transition:color .3s ease}.hover-text:hover{color:red}.hover-scale{padding:10px 20px;font-size:16px;transition:transform .3s ease;border:1px solid #000;cursor:pointer;background-color:#f1f1f1}.hover-scale:hover{transform:scale(1.1)}.reveal-box{padding:15px;border:1px solid #aaa;position:relative;background-color:#fafafa;margin-top:10px}.hidden-text{margin-top:10px;opacity:0;transform:translateY(-10px);transition:all .3s ease;color:#333}.reveal-box:hover .hidden-text{opacity:1;transform:translateY(0)}.hover-example{padding:10px;background-color:#007bff;color:#fff;display:inline-block;transition:background-color .3s}.hover-example:hover{background-color:#0056b3}.styled-form{display:flex;flex-direction:column;gap:12px;max-width:400px;margin-top:15px}.styled-form label{font-weight:700}.styled-form input,.styled-form textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;transition:border-color .3s ease}.styled-form input:focus,.styled-form textarea:focus{border-color:#007bff;outline:none}.styled-form button{background-color:#007bff;color:#fff;padding:10px 15px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.styled-form button:hover{background-color:#0056b3}.admin-container{padding:2rem;max-width:1200px;margin:0 auto}.page-title{text-align:center;margin-bottom:2rem;color:var(--text-color)}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.admin-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.admin-card:hover{transform:translateY(-10px);box-shadow:var(--glass-shadow)}.card-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.admin-card h2{margin-bottom:1rem;color:var(--text-color)}.admin-card p{color:var(--text-color);line-height:1.6}.users-section{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--border-radius);padding:2rem;margin-top:2rem}.search-bar{margin-bottom:1.5rem}.search-bar input{width:100%;padding:.8rem 1rem;background:#ffffff1a;border:var(--glass-border);border-radius:var(--border-radius);font-size:1rem;color:var(--text-color)}.users-table{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}th,td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-color)}th{background:#ffffff0d;font-weight:600}tr:hover{background:#ffffff0d}.status{padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.status.verified{background:#2da52d33;color:#4caf50}.status.unverified{background:#ff4d4d33;color:#f44336}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.pagination button{padding:.5rem 1rem;border:var(--glass-border);border-radius:var(--border-radius);background:var(--glass-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--text-color);cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#ffffff1a;box-shadow:var(--glass-shadow)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:var(--text-color)}.loading{text-align:center;padding:2rem;color:var(--text-color)}:root{--primary-color: #8A63FF;--secondary-color: #4EE7B1;--accent-color: #FF5A87;--tertiary-color: #FFB347;--quaternary-color: #00C2FF;--background-color: #121212;--text-color: #ffffff;--navbar-bg: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--card-bg: rgba(45, 45, 45, .8);--nav-bg: rgba(45, 45, 45, .9);--effect: black;--nav-btn: white;--btn-bg: black;--btn-text: white;--btn-text-after: black;--shadow: 0 8px 32px rgba(0, 0, 0, .3);--card-shadow: 0 8px 32px rgba(138, 99, 255, .25);--hover-color: #7A5AE0;--transition-speed: .3s;--border-radius: 20px;--glass-bg: rgba(45, 45, 45, .65);--glass-border: 1px solid rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-highlight: rgba(138, 99, 255, .1);--text-shadow: 0 2px 4px rgba(0, 0, 0, .3);--glow-effect: 0 0 15px rgba(138, 99, 255, .6);--particle-color-1: rgba(138, 99, 255, .7);--particle-color-2: rgba(78, 231, 177, .7);--particle-color-3: rgba(255, 90, 135, .7);--gradient-animation-speed: 15s}*{margin:0;padding:0;box-sizing:border-box;transition:background-color var(--transition-speed),color var(--transition-speed)}body{font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-color);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}button{cursor:pointer;padding:10px 20px;border:none;border-radius:8px;background-color:var(--primary-color);color:#fff;font-weight:700;transition:all var(--transition-speed)}button:hover{background-color:var(--hover-color);transform:translateY(-2px)}