@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:#f4f4f5;background-color:#08040f;background-image:radial-gradient(circle at 75% 10%,#9333ea59 0%,#0000 45%),radial-gradient(circle at 20%,#4c1d9547 0%,#0000 50%),radial-gradient(circle at 80% 90%,#9333ea59 0%,#0000 50%),radial-gradient(2px 2px at 20px 30px,#c084fc,#0000),radial-gradient(1.5px 1.5px at 120px 90px,#a855f7,#0000),radial-gradient(1px 1px at 180px 150px,#e9d5ff,#0000);background-size:auto,auto,auto,240px 180px,240px 180px,240px 180px;background-attachment:fixed;min-height:100vh;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(135deg,#c084fc,#a855f7,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#08040f}::-webkit-scrollbar-thumb{background:#6d28d9;border-radius:9999px}section[id]{scroll-margin-top:70px}.navbar-container{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f081ed9;border-bottom:1px solid #a855f74d;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 30px #a855f71f}.navbar-logo{color:#fff;font-size:1.35rem;font-weight:700}.navbar-links{color:#e4e4e7;gap:2rem;font-size:.9rem;font-weight:500;display:flex}.navbar-links a{padding:.3rem 0;transition:color .2s;position:relative}.navbar-links a:after{content:"";background:linear-gradient(90deg,#c084fc,#6366f1);width:0;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0;box-shadow:0 0 8px #a855f7}.navbar-links a.active,.navbar-links a:hover{color:#c084fc}.navbar-links a.active:after,.navbar-links a:hover:after{width:100%}.navbar-btn{color:#fff;background:0 0;border:1.5px solid #a855f7;border-radius:999px;padding:.5rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 0 15px #a855f780,inset 0 0 10px #a855f740}.navbar-btn:hover{background:#a855f740;transform:translateY(-2px)}.navbar-toggle{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.navbar-mobile{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f081ef7;border-bottom:1px solid #a855f766;flex-direction:column;width:100%;padding:.5rem 0;display:flex;position:absolute;top:70px;left:0}.navbar-mobile a{color:#e4e4e7;padding:.9rem 2rem;font-weight:500}.navbar-mobile a.active,.navbar-mobile a:hover{color:#c084fc;background:#a855f71a}@media (width<=768px){.navbar-container{padding:0 1.2rem}.navbar-links,.navbar-btn{display:none}.navbar-toggle{display:block}}.navbar-logo{align-items:center;gap:.6rem;display:inline-flex}.navbar-logo-img{filter:drop-shadow(0 0 8px #a855f799);width:auto;height:38px;display:block}.hero-bg-full{width:100%;position:relative}.hero-wrapper-exact{grid-template-columns:1fr 1fr;align-items:center;gap:1rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:7rem 2.5rem 4rem;display:grid;position:relative}.hero-left-content{z-index:2;flex-direction:column;display:flex}.hero-main-title{color:#fff;margin-bottom:1.8rem;font-size:3.4rem;font-weight:700;line-height:1}.hero-sub-title-block{margin-bottom:1.2rem}.hero-sub-title-1,.hero-sub-title-2{font-size:3.4rem;font-weight:700;line-height:1.1;display:block}.hero-sub-title-1{color:#fff}.hero-sub-title-2{background:linear-gradient(135deg,#c084fc 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description-exact{color:#e4e4e7;max-width:460px;margin-bottom:1.8rem;font-size:1rem;line-height:1.5}.hero-services-vertical-box{align-items:stretch;gap:1rem;max-width:540px;display:flex}.hero-vertical-label-card{writing-mode:vertical-rl;text-align:center;background:#120a20cc;border:2px solid #a855f7;border-radius:1.2rem;flex-direction:row;justify-content:center;align-items:center;gap:.3rem;padding:.8rem .9rem;font-size:1.15rem;font-weight:700;line-height:1.2;display:flex;transform:rotate(180deg);box-shadow:0 0 20px #a855f780,inset 0 0 15px #a855f733}.label-line-1,.label-line-2{white-space:nowrap;display:block}.label-line-1{color:#fff}.label-line-2{color:#c084fc}.hero-services-list-exact{flex-direction:column;flex:1;gap:.5rem;display:flex}.hero-service-row-exact{color:#fff;letter-spacing:.02em;border-bottom:1px solid #a855f759;align-items:center;gap:1rem;padding:.35rem .2rem .6rem 0;font-size:.95rem;font-weight:500;transition:all .25s;display:flex}.hero-service-row-exact:last-child{border-bottom:none}.hero-service-row-exact:hover{color:#e9d5ff;transform:translate(4px)}.hero-service-icon-sq{color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);border:1px solid #e9d5ff66;border-radius:.8rem;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 0 15px #a855f799}.hero-right-container{flex-direction:column;justify-content:flex-start;align-items:center;min-height:680px;padding-top:3.5rem;display:flex;position:relative}.hero-tech-banner-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0c0816e6;border:1.5px solid #a855f799;border-radius:.8rem;align-items:center;gap:.8rem;padding:.5rem .9rem;display:flex;position:absolute;top:0;right:0;box-shadow:0 0 20px #a855f759}.hero-tech-pill{align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;display:flex}.hero-role-tag{color:#e9d5ff;letter-spacing:.02em;z-index:5;text-shadow:0 0 12px #a855f7cc;align-self:flex-end;margin-top:.8rem;font-size:.95rem;font-weight:600}.hero-avatar-full-wrapper{width:100%;max-width:560px;margin-top:1rem;margin-right:1rem;position:relative}.hero-ring{aspect-ratio:1;z-index:1;pointer-events:none;border:4px solid #d8b4fe;border-radius:50%;width:76%;position:absolute;top:46%;left:54%;transform:translate(-50%,-50%);box-shadow:0 0 40px #a855f7,inset 0 0 40px #a855f7b3}.hero-halo{z-index:3;pointer-events:none;border:3px solid #f3e8ff;border-radius:50%;width:30%;height:28px;position:absolute;top:6%;left:54%;transform:translate(-50%);box-shadow:0 0 18px #c084fc,inset 0 0 8px #c084fc}.hero-avatar-full-img{z-index:2;filter:drop-shadow(0 25px 40px #000c);width:100%;height:auto;display:block;position:relative}.hero-contact-floating-box{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#0f081ceb;border:2px solid #a855f7;border-radius:1.2rem;width:300px;padding:1rem 1.4rem;position:absolute;bottom:10px;right:0;box-shadow:0 0 30px #a855f799,inset 0 0 15px #a855f726}.hero-contact-floating-title{color:#fff;margin-bottom:.3rem;font-size:1.4rem;font-weight:700}.hero-contact-floating-email{color:#fff;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.85rem;font-weight:500;display:flex}.hero-contact-socials-row{color:#fff;justify-content:center;gap:1.2rem;display:flex}@media (width<=1024px){.hero-wrapper-exact{text-align:center;grid-template-columns:1fr}.hero-left-content{align-items:center}.hero-main-title,.hero-sub-title-1,.hero-sub-title-2{font-size:2.6rem}.hero-services-vertical-box{text-align:left}.hero-right-container{min-height:auto;padding-top:1rem}.hero-tech-banner-top{flex-wrap:wrap;justify-content:center;margin-bottom:1rem;position:relative}.hero-role-tag{align-self:center}.hero-avatar-full-wrapper{margin-right:0}.hero-contact-floating-box{margin:1.5rem auto 0;position:relative;bottom:auto;right:auto}}.section-wrapper{max-width:1200px;margin:0 auto;padding:6rem 2rem}.services-header{text-align:center;margin-bottom:3rem}.services-tag{letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#120a20cc;border:1.5px solid #a855f7;border-radius:9999px;margin-bottom:1rem;padding:.4rem 1.1rem;font-size:.7rem;font-weight:700;display:inline-block;box-shadow:0 0 14px #a855f766}.services-title{color:#fff;margin-bottom:.8rem;font-size:2.6rem;font-weight:700;line-height:1.15}.services-subtitle{color:#d4c6e6;font-size:.95rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:1150px;margin:0 auto;display:grid}.services-card{text-align:center;padding:2rem 1.8rem}.services-card h3{color:#fff;margin-bottom:.6rem;font-size:1.15rem;font-weight:700}.services-card p{color:#c4b5d6;font-size:.9rem;line-height:1.6}.services-icon-box{color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);border:1px solid #e9d5ff66;border-radius:.8rem;place-items:center;width:48px;height:48px;margin:0 auto 1.4rem;display:grid;box-shadow:0 0 15px #a855f799}@media (width<=900px){.services-grid{grid-template-columns:1fr}.services-title{font-size:2rem}}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#2812468c,#0e081cd9);border:1.5px solid #a855f773;border-radius:1.2rem;transition:all .3s;box-shadow:0 0 22px #a855f733,inset 0 0 18px #a855f714}.glass-card:hover{border-color:#c084fc;transform:translateY(-4px);box-shadow:0 0 36px #a855f780,inset 0 0 18px #a855f726}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#c084fc;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.section-heading{color:#fff;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.carousel-head{justify-content:space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.carousel-arrows{gap:.6rem;margin-bottom:1rem;display:flex}.carousel-arrow{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #a855f7;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s;display:grid;box-shadow:0 0 12px #a855f780}.carousel-arrow:hover{background:#a855f74d}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;gap:1.3rem;padding:.8rem .2rem 1.5rem;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;flex-direction:column;flex:0 0 300px;text-decoration:none;display:flex;overflow:hidden}.project-thumb{color:#fff;background:linear-gradient(135deg,#6d28d9,#1e1b4b);flex-shrink:0;place-items:center;height:170px;display:grid;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;object-position:top;filter:brightness(.92);width:100%;height:100%;position:absolute;inset:0}.project-body{justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1.1rem .6rem;display:flex}.project-body h4{color:#fff;font-size:.98rem;font-weight:600}.project-body p{color:#a78bba;font-size:.75rem}.project-go{color:#fff;border:1.5px solid #a855f7;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.project-desc{color:#c4b5d6;padding:0 1.1rem .8rem;font-size:.8rem;line-height:1.5}.project-tags{flex-wrap:wrap;gap:.35rem;margin-top:auto;padding:0 1.1rem 1.1rem;display:flex}.project-tags span{color:#e9d5ff;background:#a855f724;border:1px solid #a855f766;border-radius:.4rem;padding:.15rem .5rem;font-size:.68rem}.skills-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1150px;margin:0 auto;display:grid}.skill-card{padding:1.3rem 1.3rem 1.1rem}.skill-top{color:#fff;align-items:center;gap:.8rem;font-weight:600;display:flex}.skill-icon{color:#e9d5ff;background:#a855f729;border:1px solid #a855f766;border-radius:.7rem;flex-shrink:0;place-items:center;width:40px;height:40px;transition:all .3s;display:grid}.skill-card:hover .skill-icon{background:linear-gradient(135deg,#a855f7,#6d28d9);box-shadow:0 0 14px #a855f7b3}.skill-name{font-size:.95rem}.skill-bar{background:#a855f726;border-radius:9999px;height:6px;margin-top:1rem;overflow:hidden}.skill-fill{height:100%;width:var(--level);border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#6366f1,#c084fc);animation:1.2s ease-out both skill-grow;box-shadow:0 0 10px #a855f7}@keyframes skill-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.skill-label{letter-spacing:.08em;text-transform:uppercase;color:#a78bba;margin-top:.55rem;font-size:.7rem;font-weight:600;display:block}@media (width<=1000px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.skills-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skill-fill{animation:none}}.marquee{background:linear-gradient(90deg,#4c1d9566,#6366f140);border-block:1px solid #a855f759;padding:1.1rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:3.5rem;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{color:#e9d5ff;white-space:nowrap;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:flex}.marquee-item svg{color:#c084fc;filter:drop-shadow(0 0 6px #a855f7)}@keyframes marquee{to{transform:translate(-50%)}}.about-grid{grid-template-columns:420px 1fr;align-items:center;gap:3rem;display:grid}.about-photo{width:100%;max-width:460px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;margin:0 auto;padding:0;position:relative;overflow:visible}.about-photo:before{content:"";filter:blur(36px);z-index:0;background:radial-gradient(circle,#a855f78c,#6366f133 55%,#0000 72%);border-radius:50%;position:absolute;inset:8% 6% 4%}.about-photo img{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 28px #a855f759);border-radius:0;width:100%;height:auto;animation:6s ease-in-out infinite about-float;display:block;position:relative}@keyframes about-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.about-text p{color:#c4b5d6;margin-bottom:1rem;line-height:1.7}.about-stats{flex-wrap:wrap;gap:1rem;margin:1.5rem 0;display:flex}.about-stat{text-align:center;padding:.9rem 1.3rem}.about-stat strong{color:#fff;font-size:1.5rem;display:block}.about-stat span{color:#a78bba;font-size:.75rem}.about-cv{color:#fff;border:1.5px solid #a855f7;border-radius:9999px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 0 14px #a855f766}.about-marquee{margin-top:4rem}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-photo{max-width:320px}}@media (prefers-reduced-motion:reduce){.about-photo img{animation:none}}.contact-section{padding:0 1.5rem}.contact-wrapper{text-align:center;background:radial-gradient(circle at 50% 0,#9333ea59,#0000 70%),#0f081ceb;border:2px solid #a855f7;border-radius:2rem;max-width:800px;margin:0 auto 5rem;padding:4rem 2rem;position:relative;overflow:hidden;box-shadow:0 0 40px #a855f78c,inset 0 0 20px #a855f726}.contact-wrapper>:not(.contact-orb){z-index:1;position:relative}.contact-orb{filter:blur(60px);opacity:.45;pointer-events:none;border-radius:50%;width:220px;height:220px;animation:7s ease-in-out infinite contact-pulse;position:absolute}.contact-orb-left{background:#6366f1;bottom:-80px;left:-60px}.contact-orb-right{background:#a855f7;animation-delay:3s;top:-60px;right:-60px}@keyframes contact-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}.contact-text{color:#c4b5d6;max-width:400px;margin:0 auto 1.8rem;font-size:.95rem}.contact-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.contact-btn{color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);border:1px solid #e9d5ff80;border-radius:9999px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 20px #a855f799}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 0 34px #a855f7f2}.contact-copy{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #a855f7;border-radius:9999px;align-items:center;gap:.45rem;padding:.8rem 1.3rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 0 14px #a855f759}.contact-copy:hover{background:#a855f740;transform:translateY(-3px)}.contact-info{color:#a78bba;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:1.6rem;font-size:.78rem;display:flex}.contact-info span{align-items:center;gap:.35rem;display:inline-flex}.contact-info svg{color:#c084fc}.contact-socials{justify-content:center;gap:1rem;margin-top:1.6rem;display:flex}.contact-social{color:#e9d5ff;background:#a855f724;border:1px solid #a855f773;border-radius:.8rem;place-items:center;width:46px;height:46px;transition:all .25s;display:grid}.contact-social:hover{color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);transform:translateY(-4px);box-shadow:0 0 20px #a855f7cc}@media (width<=600px){.contact-wrapper{padding:3rem 1.2rem}.contact-btn{padding:.75rem 1.3rem;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.contact-orb{animation:none}}.footer-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0514b3;border-top:1px solid #a855f759;position:relative}.footer-wrapper:before{content:"";background:linear-gradient(90deg,#0000,#a855f7,#0000);width:40%;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #a855f7}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2.5rem 2rem 1.5rem;display:grid}.footer-brand{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.footer-logo-img{filter:drop-shadow(0 0 8px #a855f799);width:auto;height:40px;display:block}.footer-tagline{color:#a78bba;font-size:.78rem}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer-nav a{color:#c4b5d6;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.footer-nav a:hover{color:#fff;text-shadow:0 0 10px #a855f7}.footer-socials{justify-content:flex-end;gap:.7rem;display:flex}.footer-socials a{color:#e9d5ff;background:#a855f724;border:1px solid #a855f766;border-radius:.65rem;place-items:center;width:38px;height:38px;transition:all .25s;display:grid}.footer-socials a:hover{color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);transform:translateY(-3px);box-shadow:0 0 16px #a855f7cc}.footer-bottom{border-top:1px solid #a855f726;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1.1rem 2rem 1.6rem;display:flex}.footer-copy{color:#a78bba;font-size:.8rem}.footer-top{color:#fff;border:1.5px solid #a855f7;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .25s;display:grid;box-shadow:0 0 12px #a855f780}.footer-top:hover{background:#a855f74d;transform:translateY(-3px)}@media (width<=800px){.footer-inner{text-align:center;grid-template-columns:1fr;justify-items:center}.footer-brand{align-items:center}.footer-socials{justify-content:center}.footer-bottom{text-align:center;flex-direction:column}}