@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0f19;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{color:#0b0f19;background-color:#38bdf8}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#38bdf8}.about-section{background-color:#0b0f19;justify-content:center;align-items:center;min-height:80vh;padding:5rem 5%;display:flex;overflow:hidden}.about-section .about-wrapper{justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1200px;display:flex}.about-section .about-image-col{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.about-section .about-image-col .glow-orb{filter:blur(100px);z-index:0;opacity:.5;background-color:#7c3aed;border-radius:50%;position:absolute}.about-section .about-image-col .top-left{width:250px;height:250px;top:10%;left:10%}.about-section .about-image-col .bottom-right{opacity:.4;width:300px;height:300px;bottom:5%;right:-5%}.about-section .about-image-col .about-img{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 20px #0009);max-width:100%;height:auto;max-height:600px;position:relative}.about-section .about-text-col{flex-direction:column;flex:1;align-items:flex-start;max-width:550px;display:flex}.about-section .about-text-col .about-title{color:#f3f4f6;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.1}.about-section .about-text-col .about-title .purple-text{color:#a78bfa}.about-section .about-text-col .about-description{color:#9ca3af;margin-bottom:2.5rem;font-size:1.1rem;font-weight:300;line-height:1.7}.about-section .about-text-col .about-description .purple-text{color:#a78bfa;font-weight:500}.about-section .about-text-col .resume-glow-btn{color:#f3f4f6;background:#7c3aed1a;border:2px solid #7c3aed99;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 15px #7c3aed66,inset 0 0 10px #7c3aed33}.about-section .about-text-col .resume-glow-btn .btn-icon{font-size:1.2rem}.about-section .about-text-col .resume-glow-btn:hover{background:#7c3aed33;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 0 25px #7c3aed99,inset 0 0 15px #7c3aed66}@media (width<=900px){.about-section .about-wrapper{text-align:center;flex-direction:column}.about-section .about-text-col{align-items:center}.about-section .about-text-col .about-title{text-align:center}.about-section .about-image-col{order:-1;margin-bottom:2rem}.about-section .about-image-col .top-left,.about-section .about-image-col .bottom-right{filter:blur(80px);width:200px;height:200px}}.contact-section{background-color:#07090f;flex-direction:column;align-items:center;padding:8rem 5% 4rem;display:flex}.contact-section .contact-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:6rem;display:flex}.contact-section .contact-header .title{color:#f3f4f6;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700}.contact-section .contact-header .subtitle{color:#d1d5db;margin-bottom:2.5rem;font-size:1.2rem;font-weight:300}.contact-section .contact-header .copy-btn{color:#f3f4f6;cursor:pointer;background:0 0;border:1px solid #f3f4f633;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 0 20px #7c3aed4d,inset 0 0 10px #7c3aed1a}.contact-section .contact-header .copy-btn .icon{font-size:1.1rem}.contact-section .contact-header .copy-btn .check-icon{color:#10b981}.contact-section .contact-header .copy-btn:hover{background:#7c3aed1a;border-color:#f3f4f666;transform:translateY(-2px);box-shadow:0 0 30px #7c3aed80,inset 0 0 15px #7c3aed33}.contact-section .contact-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1000px;display:grid}.contact-section .contact-grid .contact-col{flex-direction:column;gap:2rem;display:flex}.contact-section .contact-grid .contact-col .info-block{flex-direction:column;gap:.5rem;display:flex}.contact-section .contact-grid .contact-col .col-title{color:#a78bfa;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.contact-section .contact-grid .contact-col .col-text{color:#f3f4f6;font-size:.95rem;font-weight:300}.contact-section .contact-grid .contact-col .link-list{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.contact-section .contact-grid .contact-col .link-list li a{color:#f3f4f6;align-items:center;gap:.5rem;font-size:.95rem;font-weight:300;text-decoration:none;transition:all .3s;display:inline-flex}.contact-section .contact-grid .contact-col .link-list li a .arrow-icon{color:#d1d5db;font-size:1.1rem;transition:transform .3s,color .3s}.contact-section .contact-grid .contact-col .link-list li a:hover{color:#fff}.contact-section .contact-grid .contact-col .link-list li a:hover .arrow-icon{color:#a78bfa;transform:translate(3px,-3px)}@media (width<=768px){.contact-section .contact-grid{grid-template-columns:1fr;gap:4rem}.contact-section .contact-grid .contact-col{align-items:center;gap:1.5rem}}.experience-section{background-color:#070914;min-height:80vh;padding:6rem 5%;font-family:Poppins,sans-serif}.experience-section .section-header{text-align:center;margin-bottom:3rem}.experience-section .section-header .title{color:#f3f4f6;letter-spacing:-1px;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.2}.experience-section .section-header .title .purple-text{color:#7c3aed}.experience-section .toggle-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:50px;justify-content:center;width:fit-content;margin:0 auto 5rem;padding:.5rem;display:flex}.experience-section .toggle-container .toggle-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.experience-section .toggle-container .toggle-btn .icon{font-size:1.1rem}.experience-section .toggle-container .toggle-btn.active{color:#f3f4f6;background-color:#7c3aed26;border:1px solid #7c3aed4d;box-shadow:inset 0 0 10px #7c3aed33}.experience-section .toggle-container .toggle-btn:hover:not(.active){color:#f3f4f6}.experience-section .timeline-container{max-width:1000px;margin:0 auto;position:relative}.experience-section .timeline-container .timeline-line{z-index:1;background:linear-gradient(#7c3aed00 0%,#7c3aed99 10% 90%,#7c3aed00 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.experience-section .timeline-item{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:5rem;display:flex;position:relative}.experience-section .timeline-item:last-child{margin-bottom:0}.experience-section .timeline-item .timeline-left{text-align:right;flex-direction:column;width:45%;padding-right:4rem;display:flex}.experience-section .timeline-item .timeline-left .mobile-date{color:#9ca3af;letter-spacing:2px;order:1;margin-bottom:.8rem;font-size:.95rem;font-weight:500;display:block}.experience-section .timeline-item .timeline-left .role-title{color:#f3f4f6;letter-spacing:-.5px;text-shadow:0 4px 20px #00000080;order:2;margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.2}.experience-section .timeline-item .timeline-left .role-title .highlight-text{color:#f3f4f6}.experience-section .timeline-item .timeline-left .role-title .highlight-text:before{display:none}.experience-section .timeline-item .timeline-left .company-name{color:#a78bfa;order:3;font-size:1.1rem;font-weight:500}.experience-section .timeline-item .timeline-center{justify-content:center;align-items:center;display:flex;position:absolute;top:5px;left:50%;transform:translate(-50%)}.experience-section .timeline-item .timeline-center .timeline-dot{z-index:2;background-color:#070914;border:4px solid #a78bfa;border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 0 15px #7c3aedcc}.experience-section .timeline-item .timeline-center .desktop-date{display:none}.experience-section .timeline-item .timeline-right{width:45%;padding-top:2rem;padding-left:4rem}.experience-section .timeline-item .timeline-right .description{color:#9ca3af;font-size:1.05rem;font-weight:300;line-height:1.7}@media (width<=900px){.experience-section .timeline-container .timeline-line{left:30px}.experience-section .timeline-item{flex-direction:column;margin-bottom:4rem}.experience-section .timeline-item .timeline-center{top:0;left:30px}.experience-section .timeline-item .timeline-left{text-align:left;width:100%;padding-left:70px;padding-right:0}.experience-section .timeline-item .timeline-left .mobile-date{color:#a78bfa;margin-bottom:.5rem}.experience-section .timeline-item .timeline-right{width:100%;padding-top:1rem;padding-left:70px}}.hero-section{background-color:#0b0f19;justify-content:center;align-items:center;min-height:100vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.hero-section .hero-wrapper{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:1300px;display:flex;position:relative}.hero-section .hero-left{flex-direction:column;justify-content:space-between;height:55vh;display:flex}.hero-section .hero-left .intro-text .hello{color:#a78bfa;margin-bottom:.5rem;font-size:1.2rem;font-weight:500}.hero-section .hero-left .intro-text .name{color:#9ca3af;font-size:clamp(3rem,5vw,4.5rem);font-weight:400;line-height:1.1}.hero-section .hero-left .social-icons{flex-direction:column;gap:1.5rem;display:flex}.hero-section .hero-left .social-icons a{color:#f3f4f6;font-size:1.4rem;transition:color .3s,transform .3s}.hero-section .hero-left .social-icons a:hover{color:#a78bfa;transform:translateY(-3px)}.hero-section .hero-center{flex:1;justify-content:center;align-items:flex-end;height:85vh;display:flex;position:relative}.hero-section .hero-center .glow-backdrop{filter:blur(140px);z-index:-1;opacity:.6;background-color:#7c3aed;border-radius:50%;width:450px;height:450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-section .hero-center .profile-img{object-fit:contain;z-index:1;filter:drop-shadow(0 10px 20px #00000080);height:90%;max-height:750px}.hero-section .hero-right{flex-direction:column;justify-content:space-between;align-items:flex-end;height:55vh;display:flex}.hero-section .hero-right .title-text{text-align:left}.hero-section .hero-right .title-text .creative{color:#a78bfa;margin-bottom:0;font-size:1.2rem;font-style:italic;font-weight:500}.hero-section .hero-right .title-text .role{letter-spacing:-1px;font-size:clamp(2.2rem,4vw,4rem);font-style:italic;font-weight:800;line-height:.8}.hero-section .hero-right .title-text .role .developer{background:linear-gradient(#0b0f19e6 0%,#7c3aed 120%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;display:inline-block;position:relative}.hero-section .hero-right .title-text .role .designer{color:#f3f4f6;z-index:2;position:relative}.hero-section .hero-right .resume-btn{color:#9ca3af;letter-spacing:2px;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.hero-section .hero-right .resume-btn .resume-icon{font-size:1.2rem}.hero-section .hero-right .resume-btn:hover{color:#f3f4f6;transform:translateY(-2px)}@media (width<=1024px){.hero-section .hero-wrapper{text-align:center;flex-direction:column;gap:2rem;padding-top:4rem;padding-bottom:2rem}.hero-section .hero-left,.hero-section .hero-right{text-align:center;align-items:center;gap:2rem;height:auto}.hero-section .hero-right .title-text .role{margin-bottom:1rem}.hero-section .hero-left .social-icons{flex-direction:row;gap:2rem;margin-top:1rem}.hero-section .hero-center{order:-1;height:50vh}.hero-section .hero-center .glow-backdrop{filter:blur(100px);width:280px;height:280px}}.navbar{z-index:1000;background-color:#0000;border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;width:90%;max-width:1200px;height:80px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.navbar.scrolled{-webkit-backdrop-filter:blur(16px)saturate(180%);background-color:#070914a6;border:1px solid #ffffff14;height:70px;box-shadow:0 10px 30px #0006}.navbar .nav-container{justify-content:space-between;align-items:center;width:100%;padding:0 2rem;display:flex}.navbar .nav-logo{color:#f3f4f6;letter-spacing:-.5px;font-size:1.8rem;font-weight:800;text-decoration:none}.navbar .nav-logo .dot{color:#7c3aed}.navbar .nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.navbar .nav-links li a{color:#9ca3af;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.navbar .nav-links li a:after{content:"";background-color:#7c3aed;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.navbar .nav-links li a:hover{color:#f3f4f6}.navbar .nav-links li a:hover:after{width:100%}.navbar .nav-links li a.nav-contact-btn{color:#f3f4f6;background-color:#7c3aed1a;border:1px solid #7c3aed80;border-radius:50px;padding:.6rem 1.5rem}.navbar .nav-links li a.nav-contact-btn:after{display:none}.navbar .nav-links li a.nav-contact-btn:hover{background-color:#7c3aed33;box-shadow:0 0 15px #7c3aed66}.navbar .nav-toggle{color:#f3f4f6;cursor:pointer;z-index:1001;font-size:2rem;display:none}@media (width<=900px){.navbar{width:95%;top:15px}.navbar .nav-container{padding:0 1.5rem}.navbar .nav-toggle{display:block}.navbar .nav-links{background-color:#0d121f;border-radius:0;flex-direction:column;justify-content:center;gap:3rem;width:70%;max-width:300px;height:100vh;padding:2rem;transition:right .4s cubic-bezier(.25,.8,.25,1);position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.navbar .nav-links.active{right:0}.navbar .nav-links li a{font-size:1.5rem}.navbar .nav-links li a.nav-contact-btn{margin-top:1rem;display:inline-block}}.projects-section{background-color:#070914;padding:6rem 0 4rem;font-family:Poppins,sans-serif;overflow:hidden}.projects-section .section-header{text-align:center;margin-bottom:4rem}.projects-section .section-header .title{color:#fff;letter-spacing:-1px;font-size:clamp(2.5rem,4vw,3rem);font-weight:700;line-height:1.2}.projects-section .section-header .title .purple-text{color:#7c3aed}.projects-section .projects-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;justify-content:center;gap:2.5rem;padding:0 5% 3rem;display:flex;overflow-x:auto}.projects-section .projects-carousel::-webkit-scrollbar{display:none}.projects-section .projects-carousel{-ms-overflow-style:none;scrollbar-width:none}.projects-section .project-card{scroll-snap-align:start;background-color:#0d0f14;border-radius:40px;flex-shrink:0;min-width:380px;max-width:380px;height:560px;transition:transform .3s;position:relative;overflow:hidden}.projects-section .project-card:hover{transform:translateY(-8px)}.projects-section .project-card .card-glow{z-index:1;pointer-events:none;background:radial-gradient(circle at bottom,#7c3aede6 0%,#7c3aed4d 40%,#0d0f1400 70%);width:150%;height:65%;position:absolute;bottom:-15%;left:50%;transform:translate(-50%)}.projects-section .project-card .card-content{z-index:2;flex-direction:column;height:100%;padding:2.5rem;display:flex;position:relative}.projects-section .project-card .card-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.projects-section .project-card .card-top .project-number{color:#fff;letter-spacing:-2px;font-size:3.5rem;font-weight:800;line-height:1}.projects-section .project-card .card-top .project-category{color:#fff;margin-top:.5rem;font-size:1.05rem;font-weight:600}.projects-section .project-card .card-info{flex-grow:1}.projects-section .project-card .card-info .project-title{color:#fff;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;line-height:1.1}.projects-section .project-card .card-info .tech-stack .tech-label{color:#a1a1aa;margin-bottom:.3rem;font-size:.85rem;font-weight:500}.projects-section .project-card .card-info .tech-stack .tech-list{color:#a1a1aa;font-size:.85rem;font-weight:400;line-height:1.4}.projects-section .project-card .image-wrapper{border-radius:16px;width:100%;height:200px;margin-top:1.5rem;overflow:hidden}.projects-section .project-card .image-wrapper .project-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.projects-section .project-card .image-wrapper .project-img:hover{transform:scale(1.05)}.projects-section .carousel-dots{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.projects-section .carousel-dots .dot{cursor:pointer;background-color:#fff3;border-radius:50%;width:6px;height:6px;transition:all .3s}.projects-section .carousel-dots .dot.active{background-color:#7c3aed;width:8px;height:8px}.projects-section .carousel-dots .dot:hover{background-color:#ffffff80}@media (width<=1200px){.projects-section .projects-carousel{justify-content:flex-start}}@media (width<=768px){.projects-section .projects-carousel{gap:1.5rem}.projects-section .project-card{min-width:330px;height:520px;padding:2rem}.projects-section .project-card .card-top .project-number{font-size:3rem}.projects-section .project-card .card-info .project-title{font-size:1.6rem}.projects-section .project-card .image-wrapper{height:180px}}.services-section{background-color:#0b0f19;flex-direction:column;align-items:center;min-height:70vh;padding:6rem 5%;display:flex}.services-section .section-header{text-align:center;margin-bottom:4rem}.services-section .section-header .title{color:#f3f4f6;letter-spacing:-.5px;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700}.services-section .section-header .title .purple-text{color:#a78bfa}.services-section .services-grid{flex-wrap:wrap;justify-content:center;gap:3rem;width:100%;max-width:1100px;display:flex}.services-section .service-card{background-color:#111420;border:1px solid #ffffff08;border-radius:40px;flex-direction:column;width:100%;max-width:500px;padding:3rem 2.5rem;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.services-section .service-card .card-top-glow{z-index:1;pointer-events:none;background:linear-gradient(#7c3aed73 0%,#11142000 100%);height:250px;position:absolute;top:0;left:0;right:0}.services-section .service-card .card-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.services-section .service-card .service-title{color:#f3f4f6;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:2.2rem;font-weight:700}.services-section .service-card .service-description{color:#9ca3af;margin-bottom:1rem;font-size:1.05rem;font-weight:300;line-height:1.6}.services-section .service-card .skills-wrapper{opacity:0;max-height:0;margin-top:0;transition:all .4s;overflow:hidden}.services-section .service-card.expanded .skills-wrapper{opacity:1;max-height:300px;margin-top:1.5rem;margin-bottom:2rem}.services-section .service-card .skills-label{color:#f3f4f6;margin-bottom:1rem;font-size:.95rem;font-weight:600}.services-section .service-card .skills-grid{flex-wrap:wrap;gap:.75rem;display:flex}.services-section .service-card .skills-grid .skill-pill{color:#f3f4f6;border:1px solid #f3f4f699;border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:400;transition:all .3s}.services-section .service-card .skills-grid .skill-pill:hover{background-color:#f3f4f61a;border-color:#f3f4f6}.services-section .service-card .toggle-btn{color:#f3f4f6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;margin-top:auto;font-size:1.2rem;transition:all .3s;display:flex}.services-section .service-card .toggle-btn:hover{color:#f3f4f6;background:#7c3aed33;border-color:#7c3aed;transform:translateY(-2px)}@media (width<=768px){.services-section .services-grid{flex-direction:column;align-items:center;gap:2rem}.services-section .service-card{padding:2.5rem 1.5rem}.services-section .service-card .service-title{font-size:1.8rem}}