@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap";:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-primary: #1a5f7a;--accent-secondary: #26a0da;--border-color: rgba(255, 255, 255, .1);--card-bg: rgba(10, 10, 10, .85);--terminal-bg: rgba(5, 5, 5, .9)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fira Code,monospace;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;scroll-behavior:smooth;transition:background .3s ease,color .3s ease}:root.light-theme{--bg-primary: #ffffff;--bg-secondary: #f0f4f8;--text-primary: #1a1a1a;--text-secondary: #4a5568;--accent-primary: #0077b6;--accent-secondary: #00b4d8;--border-color: rgba(26, 95, 122, .15);--card-bg: rgba(255, 255, 255, .9);--terminal-bg: #f8fafc}body.light-theme{background:var(--bg-primary);color:var(--text-primary)}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:linear-gradient(45deg,var(--bg-primary) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-primary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-secondary) 75%);background-size:60px 60px;opacity:.1;animation:bgScroll 30s linear infinite}.light-theme .bg-animation{background:linear-gradient(45deg,var(--bg-primary) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-primary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-secondary) 75%)}@keyframes bgScroll{0%{background-position:0 0,0 0,30px 30px,30px 30px}to{background-position:60px 60px,-60px 60px,90px 90px,-30px 90px}}.code-fragment{position:fixed;font-size:12px;color:#fff;opacity:.2;pointer-events:none;z-index:-1;animation:float 20s linear infinite}.light-theme .code-fragment{color:var(--text-secondary)}@keyframes float{0%{transform:translateY(100vh) translate(0)}to{transform:translateY(-100px) translate(50px)}}.intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity 1s ease-out}.intro-screen.fade-out{opacity:0;pointer-events:none}.dots-container{position:relative;width:400px;height:300px}.dot{position:absolute;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;opacity:0;box-shadow:0 0 10px var(--accent-primary);animation:dotGlow .5s ease-in-out forwards}@keyframes dotGlow{to{opacity:1}}.connection-line{position:absolute;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;animation:lineGrow .8s ease-in-out forwards}@keyframes lineGrow{to{opacity:1}}.main-content{opacity:0;transition:opacity 1s ease-in}.main-content.visible{opacity:1}.section-indicator{position:fixed;top:0;left:0;right:0;height:2px;background:#ffffff1a;z-index:101}.section-progress{height:100%;background:var(--accent-secondary);width:0%;transition:width .3s ease;box-shadow:0 0 10px var(--accent-secondary)}.header{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505e6;border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:center;align-items:center;position:relative;transition:background .3s,border .3s}.light-theme .header{background:#fffc}.profile-section{display:flex;align-items:center;gap:1rem}.profile-pic{width:60px;height:60px;border-radius:50%;background:linear-gradient(45deg,#333,#555);padding:2px;box-shadow:0 0 10px #00000080}.profile-pic img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:8px}.name{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.title{font-size:.9rem;color:var(--text-secondary);margin-bottom:.1rem}.cgpa{font-size:.8rem;color:var(--accent-secondary)}.navbar{display:flex;gap:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a80;padding:.5rem 1.5rem;border-radius:25px;border:1px solid var(--border-color);transition:background .3s,border .3s}.light-theme .navbar{background:#ffffffb3}.nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:15px;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.section{min-height:100vh;padding:8rem 2rem 2rem;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:Special Gothic Expanded One,sans-serif;letter-spacing:2px}.section-title{font-family:"DM Serif Display",serif;letter-spacing:2px}.section-title{font-size:2.5rem;color:var(--text-primary);margin-bottom:3rem;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--accent-secondary)}.terminal-box{background:var(--terminal-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin:2rem 0;position:relative;transition:background .3s,border .3s;box-shadow:0 10px 30px #00000080}.terminal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.terminal-btn{width:12px;height:12px;border-radius:50%}.btn-close{background:#ff5f56}.btn-minimize{background:#ffbd2e}.btn-maximize{background:#27ca3f}.terminal-content{font-family:Fira Code,monospace;font-size:1.1rem;line-height:1.6}.typing-animation{border-right:2px solid var(--accent-secondary);animation:blink 1s infinite}@keyframes blink{0%,50%{border-right-color:var(--accent-secondary)}51%,to{border-right-color:transparent}}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin:1rem 0;transition:all .3s ease;color:var(--text-primary)}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#fff3}.card-title{font-size:1.4rem;color:var(--text-primary);margin-bottom:.5rem}.card-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-badge{background:#ffffff0d;color:var(--text-secondary);padding:.3rem .8rem;border-radius:4px;font-size:.8rem;border:1px solid var(--border-color)}.light-theme .tech-badge{background:#1a5f7a1a;border:1px solid var(--border-color)}.timeline{position:relative;max-width:1000px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary))}.timeline-item{position:relative;margin-bottom:2rem;width:50%}.timeline-item:nth-child(odd){left:0;padding-right:2rem}.timeline-item:nth-child(2n){left:50%;padding-left:2rem}.timeline-item:before{content:"";position:absolute;top:2rem;width:16px;height:16px;background:var(--accent-secondary);border-radius:50%;box-shadow:0 0 10px #1a5f7a80;z-index:1}.timeline-item:nth-child(odd):before{right:-8px;left:auto}.timeline-item:nth-child(2n):before{left:-8px}@media(max-width:768px){.timeline:before{left:20px;transform:none}.timeline-item{width:100%;margin-bottom:2rem}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){left:0;padding-left:50px;padding-right:0}.timeline-item:nth-child(odd):before,.timeline-item:nth-child(2n):before{left:12px;right:auto}}.social-links{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#12121299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.light-theme .social-link{background:#ffffffb3}.social-link:hover{color:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 0 20px #1a5f7a80;transform:translateY(-3px)}.contact-form{max-width:600px;margin:2rem auto}.form-group{margin-bottom:1.5rem}.form-input{width:100%;padding:1rem;background:#12121299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Fira Code,monospace;font-size:1rem;transition:all .3s ease}.light-theme .form-input{background:#fffc}.form-input:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 10px #1a5f7a4d}.form-input::placeholder{color:#666}.submit-btn{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:1rem 2rem;border:none;border-radius:8px;font-family:Fira Code,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1a5f7a66}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.header .hire-me-btn{position:static;margin-top:.5rem;width:auto}.navbar{flex-wrap:wrap;gap:1rem;justify-content:center}.section{padding:6rem 1rem 2rem}.section-title{font-size:1.8rem;letter-spacing:2px}.dots-container{width:300px;height:200px}.intro-top-row{flex-direction:column!important;gap:1.5rem!important;margin-bottom:2rem!important}.intro-top-row>div{flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%}.glass-card{padding:1.25rem!important;border-radius:8px}.terminal-box{padding:1rem;margin:1rem 0}.terminal-content{font-size:.85rem;line-height:1.5}.tech-stack{gap:.4rem}.tech-badge{font-size:.75rem;padding:.25rem .6rem}.featured-projects{margin-bottom:2rem!important}.glass-card.featured-primary{transform:none!important;margin-bottom:1.5rem!important}.glass-card .card-title{font-size:1.3rem!important}.glass-card .card-content{font-size:.9rem!important;line-height:1.5}.glass-card .card-actions{flex-direction:column;gap:1rem!important}.modal-overlay .glass-card{padding:1.5rem!important;max-height:85vh!important;width:90%!important}.modal-overlay h2{font-size:1.5rem!important}.education-card{padding:1.5rem!important}.edu-degree{font-size:1.4rem!important}.edu-stat-row{flex-wrap:wrap;gap:1.5rem!important}.edu-stat-row .edu-stat{flex:1 1 40%}}.theme-toggle-container{position:fixed;top:100px;right:2rem;z-index:999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#121212c9;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:.25rem;display:flex;gap:.2rem;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.light-theme .theme-toggle-container{background:#ffffffd9;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #0000001a}.theme-btn{padding:.4rem;border:none;border-radius:50%;font-family:inherit;font-size:1rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;width:36px;height:36px;display:flex;justify-content:center;align-items:center}.theme-btn.active{color:#fff;background:#ffffff26;box-shadow:0 0 10px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-btn:hover{color:var(--text-primary);background:#ffffff0d}.light-theme .theme-btn:hover{background:#0000000d}.light-theme .theme-btn.active{color:#000;background:#0000001a;box-shadow:0 0 10px #0000001a;border:1px solid rgba(0,0,0,.05)}.resume-mini-btn{display:inline-block;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:.2rem .6rem;border-radius:10px;font-size:.7rem;text-decoration:none;margin-left:10px;transition:all .2s ease;border:1px solid rgba(26,95,122,.5);box-shadow:0 0 8px #1a5f7a4d}.resume-mini-btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #1a5f7a99}.light-theme .resume-mini-btn{background:linear-gradient(45deg,var(--accent-secondary),var(--accent-primary));color:#fff;border:1px solid rgba(26,95,122,.7);box-shadow:0 0 8px #1a5f7a66}.light-theme .resume-mini-btn:hover{box-shadow:0 0 12px #1a5f7acc}.hire-me-btn{position:absolute;right:2rem;background:linear-gradient(135deg,#020c1b,#0a192f,#112240,#020c1b);background-size:300% 300%;color:#ffffffe6;padding:.8rem 1.8rem;border-radius:30px;font-weight:600;text-decoration:none;border:1px solid rgba(100,255,218,.1);box-shadow:0 4px 15px #020c1bb3,inset 0 0 10px #0000004d;animation:liquidBlue 5s ease infinite;transition:all .3s ease;white-space:nowrap;letter-spacing:.8px;display:flex;align-items:center;overflow:hidden}.hire-me-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.1),transparent);transform:skew(-25deg);animation:shimmer 4s infinite}.hire-me-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 20px #0a192fcc;border-color:#64ffda4d;color:#fff}@keyframes liquidBlue{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}@keyframes pulseGlow{0%{box-shadow:0 0 #26a0da66}70%{box-shadow:0 0 0 10px #26a0da00}to{box-shadow:0 0 #26a0da00}}.light-theme .hire-me-btn{border:1px solid rgba(26,95,122,.2)}.dev-section{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;padding:2rem;overflow-y:auto}.dev-section.active{display:block}.dev-content{max-width:800px;margin:0 auto;background:#121212e6;border-radius:8px;padding:2rem;border:1px solid rgba(26,95,122,.3)}.close-dev{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--accent-secondary);font-size:1.5rem;cursor:pointer}.profile-card-container{perspective:1000px;width:300px;height:400px;margin:0 auto}.profile-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.profile-card:hover{transform:rotateY(10deg) rotateX(5deg)}.profile-card-inner{position:absolute;width:100%;height:100%;background:#12121299;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(26,95,122,.3);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0;box-shadow:0 0 20px #1a5f7a33;transition:all .3s ease}.profile-card:hover .profile-card-inner{box-shadow:0 0 30px #26a0da66;border-color:#26a0da80}.profile-img-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.profile-card-img{width:100%;height:100%;object-fit:cover;border:none}.profile-content-overlay{position:relative;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:2rem 1rem 1rem;width:100%;text-align:center}.profile-name{font-size:1.5rem;color:#fff;margin-bottom:.2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.profile-role{font-size:.9rem;color:#26a0da;margin-bottom:.5rem;font-weight:500}.gallery-container{width:100%;height:600px;perspective:1100px;position:relative;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;margin:0 auto}.gallery-track{width:0;height:0;position:absolute;top:50%;left:50%;transform-style:preserve-3d;transition:transform .1s ease-out}@media(max-width:768px){.gallery-container{perspective:800px;height:400px}}.gallery-item{position:absolute;left:50%;top:50%;width:300px;height:400px;margin-left:-150px;margin-top:-200px;backface-visibility:visible;transition:opacity .3s;cursor:pointer;-webkit-user-select:none;user-select:none}.gallery-item .glass-card{width:100%;height:100%;margin:0;overflow-y:auto;font-size:.9rem;display:flex;flex-direction:column}.gallery-instructions{position:absolute;bottom:-40px;left:0;width:100%;text-align:center;color:var(--accent-secondary);font-size:.9rem;pointer-events:none;opacity:.7;text-transform:uppercase;letter-spacing:2px}.stack-card{width:100%;max-width:800px;margin:0 auto;transition:transform .3s ease-out}.position-card{height:100%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#1a5f7a66,#2d3436e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -10px 30px #00000080;border-top:1px solid rgba(255,255,255,.2);padding:3rem;border-radius:20px}.linear-gallery-container{-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.project-card-wrapper{width:100%;height:100%;border-radius:12px;overflow:hidden;transition:transform .3s}.project-card-visual{width:100%;height:240px;border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .3s;background:var(--card-bg)}.project-card-detailed{height:420px;width:100%;padding:1.5rem;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid rgba(255,255,255,.1);text-align:left}.project-card-detailed .card-title{font-size:1.4rem;margin-bottom:1rem;color:var(--accent-primary)}.project-card-detailed .card-content{flex:1;font-size:.9rem;color:#b0b0b0;overflow-y:auto;margin-bottom:1rem}.feature-list{padding-left:1rem;margin-top:.5rem;list-style:none}.feature-list li{margin-bottom:.2rem}.project-card-detailed .tech-stack{margin-top:auto;flex-wrap:wrap;justify-content:flex-start;gap:.5rem}.project-card-detailed .card-links{margin-top:1rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.project-card-visual:hover{transform:translateY(-5px);border-color:#fff6}.project-card-visual:hover{border-color:#ffffff4d}.project-desc-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translateY(100%);transition:transform .3s;text-align:center}.project-card-visual:hover .project-desc-overlay{transform:translateY(0)}.project-title-below{margin-top:1rem;font-size:1.2rem;color:var(--text-primary);text-align:center;font-weight:500;letter-spacing:1px}.tech-pill{font-size:.75rem;padding:2px 8px;background:#ffffff1a;border-radius:12px;margin:0 4px;display:inline-block}.education-container{max-width:800px;margin:0 auto;position:relative;padding:2rem 0}.education-card{padding:2.5rem;position:relative;transition:transform .3s,box-shadow .3s;border-left:4px solid var(--accent-secondary);background:linear-gradient(135deg,#121212cc,#1a5f7a1a)}.education-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #0006}.edu-header{margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}.edu-year-badge{display:inline-block;background:var(--accent-secondary);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem;box-shadow:0 0 10px #26a0da66}.edu-degree{font-size:1.8rem;color:#fff;margin-bottom:.2rem}.edu-major{font-size:1.1rem;color:var(--accent-secondary);margin-bottom:.5rem;font-weight:400}.edu-institution{font-size:.95rem;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-weight:500}.edu-stat-row{display:flex;gap:3rem;margin-bottom:2rem}.edu-stat{display:flex;flex-direction:column}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.coursework-title{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;border-left:2px solid var(--accent-primary);padding-left:.5rem}.course-grid{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.course-grid span{font-size:.9rem;color:var(--text-secondary);background:#ffffff0d;padding:4px 10px;border-radius:4px;transition:all .2s}.course-grid span:hover{background:#26a0da33;color:#fff}.edu-skills-row{display:flex;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.1)}
