@import"https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&display=swap";@font-face{font-family:Exo;src:url(/assets/Exodar-Outline-BxzN6oKm.ttf) format("truetype");font-weight:400;font-style:normal}:root{--bg-color: transparent;--spotlight-color: rgba(255, 255, 255, .12);--text-color: #ffffff;--subtext-color: #d0d0d0;--title-height: 3rem;--mouseX: 50vw;--mouseY: 50vh;--primary-color: #00d2ff}.homepage-container{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:hidden;box-sizing:border-box;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 2% 0 8%;gap:2rem;z-index:10;background-image:radial-gradient(circle 800px at var(--mouseX) var(--mouseY),var(--spotlight-color),transparent 80%),linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:100% 100%,60px 60px,60px 60px;background-color:var(--bg-color);color:var(--text-color);transition:background .1s ease-out;mask-image:radial-gradient(circle 800px at var(--mouseX) var(--mouseY),white 40%,rgba(255,255,255,.4) 100%);-webkit-mask-image:radial-gradient(circle 800px at var(--mouseX) var(--mouseY),white 40%,rgba(255,255,255,.4) 100%)}.hero-content{flex:1;max-width:50%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;animation:fadeIn 1.5s ease-in-out;z-index:20}.hero-visual{flex:1;height:80vh;width:50%;display:flex;align-items:center;justify-content:center;z-index:15;animation:slideInRight 1.5s ease-out;mask-image:radial-gradient(circle at center,white 50%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,white 50%,transparent 100%)}.hero-overline{font-family:sans-serif;font-size:1.2rem;color:var(--primary-color);letter-spacing:3px;margin-bottom:0;font-weight:600}.main-title{font-family:Exo,sans-serif;font-size:8rem;font-weight:700;margin:0;line-height:1.1;letter-spacing:-2px;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.5)}.title-slider{height:var(--title-height);line-height:var(--title-height);overflow:hidden;margin-top:1rem;margin-bottom:3rem}.title-wrapper{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.title-item{font-size:2rem;color:var(--subtext-color);margin:0;height:var(--title-height);line-height:var(--title-height);display:flex;align-items:center;gap:1rem;font-weight:400;letter-spacing:2px}.title-item svg{font-size:1.8rem;color:var(--primary-color)}.hero-buttons{display:flex;gap:1.5rem;margin-bottom:4rem}.btn{padding:.8rem 2.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:50px;text-transform:uppercase;letter-spacing:1px}.btn.primary{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff}.btn.primary:hover{border-color:#fff;background:#ffffff1a;box-shadow:0 0 20px #fff3}.btn.secondary{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff}.btn.secondary:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 20px #00d2ff33}.social-icons{display:flex;gap:2rem;margin-top:auto}.social-icons a{color:var(--subtext-color);font-size:1.5rem;transition:all .3s ease}.social-icons a:hover{color:#fff;transform:translateY(-3px);text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.homepage-container{flex-direction:column;justify-content:space-evenly;padding:1rem;gap:0;height:100dvh;overflow:hidden;background-image:none;background-color:#050505;mask-image:none;-webkit-mask-image:none}.hero-content{max-width:100%;flex:0 0 auto;align-items:center;text-align:center;margin-top:2rem}.hero-overline{font-size:1rem;letter-spacing:2px}.main-title{font-size:3.5rem;margin-bottom:.5rem}.hero-visual{width:100%;height:35vh;margin-top:0;margin-bottom:1rem;mask-image:linear-gradient(to bottom,white 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,white 80%,transparent 100%)}.title-slider{margin-top:.5rem;margin-bottom:1.5rem;--title-height: 2rem}.title-item{font-size:1.2rem;justify-content:center}.title-item svg{font-size:1.2rem}.hero-buttons{margin-bottom:1rem;gap:1rem}.btn{padding:.6rem 1.5rem;font-size:.9rem}.social-icons{margin-top:0;justify-content:center;margin-bottom:1rem}}.spline-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;animation:float3D 6s ease-in-out infinite}.spline-overlay{position:absolute;bottom:10px;right:10px;width:100px;height:40px;background:transparent;pointer-events:none}@keyframes float3D{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.about-container{min-height:100vh;max-width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 10%;gap:5rem;position:relative;z-index:10;animation:fadeInPage 1s ease-out}.about-visual{flex:1;display:flex;justify-content:center;position:relative}.image-card{position:relative;width:350px;height:450px;border-radius:20px;padding:10px;background:linear-gradient(145deg,#ffffff1a,#ffffff03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #00d2ff1a}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:15px;filter:grayscale(20%) contrast(110%);transition:all .4s ease}.image-card:hover .profile-img{filter:grayscale(0%) contrast(100%);transform:scale(1.02)}.image-card:hover{box-shadow:0 0 40px #00d2ff4d;border-color:var(--primary-color)}.about-content{flex:1.2;display:flex;flex-direction:column;justify-content:center}.section-title{font-family:Exo,sans-serif;font-size:4rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(255,255,255,.2);letter-spacing:2px}.glass-card{background:#ffffff08;border-left:4px solid var(--primary-color);padding:1.5rem 2rem;border-radius:0 10px 10px 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:2rem}.bio-text{font-family:Balsamiq Sans,cursive;color:var(--subtext-color);font-size:1.1rem;line-height:1.8}.highlight{color:var(--primary-color);font-weight:700;text-shadow:0 0 10px rgba(0,210,255,.4)}.sub-title{font-family:Exo,sans-serif;color:#fff;font-size:1.5rem;margin-bottom:1rem;letter-spacing:1px}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#d0d0d0;transition:all .3s ease;cursor:default}.tech-item svg{font-size:2rem;transition:transform .3s ease}.tech-item span{font-size:.8rem;font-weight:600}.tech-item:hover{background:#00d2ff1a;border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 5px 15px #00d2ff33;color:#fff}.tech-item:hover svg{transform:scale(1.1);color:var(--primary-color)}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.about-container{flex-direction:column;padding-top:5rem;gap:3rem}.about-visual{width:100%}.image-card{width:280px;height:350px}.section-title{font-size:3rem;text-align:center}.tech-grid{grid-template-columns:repeat(3,1fr)}}.neon-meteors-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.sidebar-container{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;transition:height .4s ease}.sidebar-container:hover{height:450px}.nav-trigger,.nav-trigger *{text-decoration:none!important}.nav-trigger{width:60px;height:60px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:10;animation:liquidMorph 4s ease-in-out infinite;transition:all .3s ease}.trigger-text{font-family:Balsamiq Sans,cursive;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);text-decoration:none!important}.nav-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:70px;height:70px;border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#d0d0d0;opacity:0;z-index:5;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.nav-item svg{font-size:1.2rem;transition:color .2s}.nav-item:hover{background:#fff3;border-color:#fff6;box-shadow:0 0 15px #fff3;color:#fff}.sidebar-container:hover .item-1{transform:translate(-50%,-200px) scale(1);opacity:1}.sidebar-container:hover .item-2{transform:translate(-50%,-120px) scale(1);opacity:1}.sidebar-container:hover .item-3{transform:translate(-50%,40px) scale(1);opacity:1}.sidebar-container:hover .item-4{transform:translate(-50%,120px) scale(1);opacity:1}.sidebar-container:hover .nav-trigger{animation:none;transform:translateY(0)!important;background:#ffffff26;border-radius:50%}.tooltip{position:absolute;right:70px;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:translate(10px);white-space:nowrap}.nav-item:hover .tooltip{opacity:1;transform:translate(0)}@keyframes liquidMorph{0%{transform:translateY(0);border-radius:50%}25%{border-radius:40% 60% 60% 40%/60% 30% 70% 40%}50%{transform:translateY(-15px);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}75%{border-radius:40% 60% 70% 30%/40% 60%}to{transform:translateY(0);border-radius:50%}}@media(max-width:768px){.sidebar-container{right:1rem}}.projects-container{min-height:100vh;max-width:100%;padding:8rem 10% 5rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;scrollbar-width:none;-ms-overflow-style:none}.projects-container::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.projects-header{text-align:center;margin-bottom:4rem;animation:fadeInDown .8s ease-out}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:1400px;padding-bottom:2rem}.project-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;overflow:hidden;display:flex;flex-direction:column;gap:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary-color);box-shadow:0 20px 40px -15px #00d2ff33;background:#ffffff0d;z-index:2}.card-icon{font-size:2.5rem;color:var(--primary-color);background:#00d2ff1a;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:transform .3s ease}.project-card:hover .card-icon{transform:rotate(10deg) scale(1.1)}.card-content h3{font-family:Exo,sans-serif;font-size:1.8rem;color:#fff;margin-bottom:.8rem}.card-content p{font-family:sans-serif;color:var(--subtext-color);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{font-size:.8rem;color:var(--primary-color);background:#00d2ff14;border:1px solid rgba(0,210,255,.2);padding:4px 12px;border-radius:50px;font-weight:600;transition:all .2s ease}.project-card:hover .tech-tag{border-color:#00d2ff80;background:#00d2ff26}.card-links{margin-top:auto;display:flex;gap:1rem}.link-btn{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;transition:color .3s ease;padding:.5rem 1rem;border-radius:8px}.link-btn:hover{color:var(--primary-color);background:#ffffff0d}.card-glow{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(0,210,255,.15),transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.project-card:hover .card-glow{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.projects-container{padding:5rem 5%}.section-title{font-size:3rem}}.contact-container{height:100vh;max-width:100vw;padding:0 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10;overflow:hidden;animation:fadeInPage 1s ease-out}.contact-header{text-align:center;margin-bottom:2rem;flex-shrink:0}.section-title{font-family:Exo,sans-serif;font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:.2rem;text-shadow:0 0 20px rgba(0,210,255,.3);letter-spacing:2px}.section-subtitle{font-family:sans-serif;color:var(--subtext-color);font-size:1rem;letter-spacing:1px}.contact-content{display:flex;gap:3rem;width:100%;max-width:1000px;max-height:70vh;align-items:center}.contact-form{flex:1;display:flex;flex-direction:column;gap:1rem;justify-content:center}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-family:sans-serif;font-size:.95rem;outline:none;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 15px #00d2ff33;background:#ffffff14}.form-group textarea{resize:none;height:100px}.submit-btn{align-self:flex-start;display:flex;align-items:center;gap:.8rem;margin-top:.5rem;padding:.8rem 2rem}.contact-info{flex:1;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.info-item{display:flex;align-items:center;gap:1.2rem;background:#ffffff08;padding:1.2rem;border-radius:15px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease}.info-item:hover{transform:translate(5px);background:#ffffff0d;border-color:var(--primary-color)}.info-icon{font-size:1.8rem;color:var(--primary-color)}.info-item h3{font-family:Exo,sans-serif;font-size:1.1rem;color:#fff;margin-bottom:.2rem}.info-item p{color:var(--subtext-color);font-size:.9rem}@media(max-width:768px){.contact-container{height:auto;min-height:100vh;padding:4rem 1rem 2rem;justify-content:flex-start;overflow-y:auto}.contact-content{flex-direction:column;gap:2rem;max-height:none;height:auto}.section-title{font-size:2rem;margin-bottom:.5rem}.section-subtitle{font-size:.9rem;margin-bottom:1rem}.contact-form{width:100%;gap:1rem}.contact-info{display:flex;width:100%;gap:1rem;margin-top:1rem}.form-group input,.form-group textarea{padding:.8rem;font-size:1rem}.form-group textarea{height:120px}.submit-btn{width:100%;justify-content:center;padding:1rem}.info-item{padding:1rem}}.experience-container{min-height:100vh;max-width:100%;padding:8rem 10% 5rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;animation:fadeInPage 1s ease-out}.experience-header{text-align:center;margin-bottom:4rem}.section-title{font-family:Exo,sans-serif;font-size:4rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 0 20px rgba(0,210,255,.3);letter-spacing:2px}.section-subtitle{font-family:sans-serif;color:var(--subtext-color);font-size:1.2rem;letter-spacing:1px}.timeline{position:relative;width:100%;max-width:900px;display:flex;flex-direction:column;gap:3rem;padding-left:2rem}.timeline-line{position:absolute;top:0;bottom:0;left:19px;width:2px;background:linear-gradient(to bottom,#00d2ff,#f0f,#00ff9d);box-shadow:0 0 15px #00d2ff80;border-radius:2px}.timeline-item{position:relative;width:100%}.timeline-dot{position:absolute;left:-2.5rem;top:0;width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:#000;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .3s ease}.dot-inner{width:8px;height:8px;border-radius:50%}.timeline-item:hover .timeline-dot{transform:scale(1.3)}.timeline-content{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.timeline-content:before{content:"";position:absolute;left:-10px;top:10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(255,255,255,.1)}.timeline-item:hover .timeline-content{transform:translate(10px);background:#ffffff0f;border-color:#ffffff4d;box-shadow:0 10px 30px -10px #00000080}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.job-role{font-family:Exo,sans-serif;font-size:1.8rem;color:#fff;margin:0}.job-company{font-size:1.2rem;color:var(--subtext-color);font-weight:400;margin:.2rem 0 0}.job-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.meta-tag{font-size:.9rem;color:#aaa;display:flex;align-items:center;gap:.5rem}.job-description{list-style-type:none;padding:0;margin-bottom:1.5rem}.job-description li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:#d0d0d0;font-size:1rem;line-height:1.6}.job-description li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.job-tech{display:flex;flex-wrap:wrap;gap:.8rem}.tech-pill{font-size:.85rem;padding:5px 12px;border-radius:50px;border:1px solid;background:#ffffff0d;font-weight:600}@media(max-width:768px){.experience-container{padding:5rem 5% 2rem}.timeline{padding-left:1.5rem}.timeline-line{left:9px}.timeline-dot{left:-1.5rem;width:16px;height:16px}.section-title{font-size:3rem}.job-header{flex-direction:column;align-items:flex-start}.job-meta{align-items:flex-start;margin-top:.5rem}}:root{--mouseX: 50vw;--mouseY: 50vh}body{margin:0;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}