:root{--primary: #8A2BE2;--accent: #00BFFF;--glow: #9D4DFF;--bg-color: #050511;--card-bg: #121225;--text-main: #FFFFFF;--text-muted: #A0A0C0;--font-heading: "Space Grotesk", sans-serif;--font-body: "Poppins", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-color);color:var(--text-main);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}button{font-family:var(--font-heading);font-weight:600}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;position:sticky;top:0;background:#050511f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(138,43,226,.2);z-index:1000}.logo-container{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-logo{width:45px;height:45px;object-fit:contain}.logo-container span{color:var(--accent);font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:1px}.navbar ul{display:flex;list-style:none;gap:25px;align-items:center}.navbar li a{color:var(--text-main);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease,text-shadow .3s ease;cursor:pointer}.navbar li a:hover{color:var(--accent);text-shadow:0 0 8px var(--glow)}.nav-internship-link{background:linear-gradient(135deg,var(--primary),var(--accent));padding:6px 16px!important;border-radius:8px;color:#fff!important}.nav-internship-link:hover{box-shadow:0 0 15px var(--glow)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px}.hero-center-media{margin-bottom:20px}.hero-logo{width:140px;filter:drop-shadow(0 0 15px var(--glow))}.hero h1{background:linear-gradient(135deg,#FFFFFF,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:4rem;letter-spacing:2px;text-shadow:0 0 20px rgba(157,77,255,.4)}.hero h2{margin-top:10px;color:var(--text-muted);font-weight:500}.tagline{margin-top:18px;font-size:1.2rem;color:var(--accent);letter-spacing:1px}.quote{margin-top:12px;color:var(--glow);font-size:1.2rem;font-weight:600;font-style:italic}.hero-animation-container{margin:30px 0;max-width:650px;width:90%;border-radius:16px;overflow:hidden;box-shadow:0 0 25px #8a2be24d;border:1px solid rgba(0,191,255,.3)}.hero-animation-video{width:100%;height:auto;display:block;border-radius:16px}.buttons{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.buttons button,.internship-form button,.linkedin-btn{padding:12px 25px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8a2be24d}.buttons button:hover,.internship-form button:hover,.linkedin-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--glow),0 0 30px var(--accent)}.section{padding:80px 50px;max-width:1200px;margin:0 auto;width:100%}.section h2{text-align:center;margin-bottom:40px;font-size:2.5rem;color:#fff;position:relative}.section h2:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:12px auto 0;border-radius:2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}.card{background:var(--card-bg);padding:28px;border-radius:16px;border:1px solid rgba(138,43,226,.3);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 25px #9d4dff40}.card h3{color:var(--accent);margin-bottom:12px;font-size:1.3rem}.card p{color:var(--text-muted);font-size:.95rem}.about-content,.mentorship-content{background:var(--card-bg);padding:30px;border-radius:16px;border:1px solid rgba(138,43,226,.2);text-align:center;max-width:900px;margin:0 auto;color:var(--text-muted);font-size:1.1rem}.internship-page-container{padding-top:40px;min-height:calc(100vh - 150px)}.internship-form{max-width:650px;margin:auto;display:flex;flex-direction:column;gap:18px;background:var(--card-bg);padding:35px;border-radius:16px;border:1px solid rgba(138,43,226,.4);box-shadow:0 10px 30px #050511cc}.internship-form input,.internship-form select{padding:14px 18px;border:1px solid rgba(138,43,226,.3);border-radius:10px;background:#0a0a1a;color:#fff;font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.internship-form input:focus,.internship-form select:focus{border-color:var(--accent);box-shadow:0 0 10px #00bfff66}.internship-form select option{background:#0a0a1a;color:#fff}.logo-reveal-section{padding:40px 20px;max-width:1100px;margin:0 auto;width:100%}.logo-reveal-container{width:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(157,77,255,.4);box-shadow:0 0 30px #8a2be240}.logo-reveal-video{width:100%;height:auto;display:block;border-radius:20px}#contact{text-align:center}#contact p{font-size:1.1rem;margin-top:8px;color:var(--text-muted)}.linkedin-btn{display:inline-block;margin-top:20px}.footer{text-align:center;padding:25px;background:#050511f2;border-top:1px solid rgba(138,43,226,.2);color:var(--text-muted);font-size:.9rem}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050511d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .4s ease-out}.popup-container{position:relative;background:var(--card-bg);border:2px solid var(--primary);box-shadow:0 0 35px var(--glow),0 0 15px var(--accent);border-radius:20px;padding:25px;max-width:700px;width:100%;display:flex;flex-direction:column;align-items:center}.popup-close-btn{position:absolute;top:12px;right:18px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;transition:color .3s ease,transform .2s ease;z-index:10}.popup-close-btn:hover{color:var(--accent);transform:scale(1.15)}.popup-slider{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.popup-image-wrapper{width:100%;max-height:420px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px}.popup-image{max-width:100%;max-height:420px;object-fit:contain;border-radius:12px;transition:opacity .4s ease}.popup-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#121225b3;border:1px solid var(--primary);color:#fff;font-size:1.5rem;width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:5}.popup-nav-btn:hover{background:var(--primary);box-shadow:0 0 15px var(--accent)}.popup-nav-btn.prev{left:10px}.popup-nav-btn.next{right:10px}.popup-dots{display:flex;gap:8px;margin-top:15px;justify-content:center;flex-wrap:wrap}.dot{width:10px;height:10px;border-radius:50%;background:#8a2be266;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--accent);box-shadow:0 0 8px var(--accent);transform:scale(1.3)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.navbar{flex-direction:column;padding:15px 20px;gap:15px}.navbar ul{flex-wrap:wrap;justify-content:center;gap:15px}.hero h1{font-size:2.5rem}.hero-logo{width:100px}.section{padding:50px 20px}.section h2{font-size:2rem}.popup-container{padding:15px}.popup-image-wrapper,.popup-image{max-height:280px}}*{margin:0;padding:0;box-sizing:border-box}
