*{box-sizing:border-box}html,body,#root{height:100%}body{color:#f3f3f3;background:#0c0112 url(/portfolio-bg.png) top/cover no-repeat;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}@media (width<=768px){html,body{max-width:100%;position:relative;overflow-x:hidden}.hero,.hero-text{width:100%!important;min-width:100%!important;max-width:100%!important}}a{color:inherit;text-decoration:none}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:0 0;width:100%;transition:background-color .4s;position:sticky;top:0}.navbar.scrolled{background:#14141ef2}.navbar-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 clamp(20px,5vw,40px);display:flex}.logo{background:linear-gradient(90deg,#a020f0 0%,#ed6172 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #a020f099,0 0 25px #ffffff4d;-webkit-background-clip:text;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;transition:transform .4s cubic-bezier(.23,1,.32,1);transform:perspective(800px)translateZ(30px)rotateX(10deg)}.logo:hover{transform:perspective(800px)translateZ(40px)rotateX(15deg)rotateY(5deg)}.nav-links ul{gap:clamp(20px,4vw,40px);margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#d1a9e6;border-radius:10px;padding:10px 15px;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;transform:perspective(800px)translateZ(0)}.nav-link:after{content:"";background:linear-gradient(90deg,#a020f0,#ed6172);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{background:linear-gradient(90deg,#a020f0 37%,#ed6172 100%);-webkit-text-fill-color:transparent;text-shadow:0 5px 25px #a855f7b3;filter:drop-shadow(0 4px 10px #a855f780);-webkit-background-clip:text;transform:perspective(800px)translateZ(20px)rotateX(15deg)rotateY(5deg)}.menu-toggle{cursor:pointer;display:none}.burger-icon{color:#fff;font-size:clamp(20px,5vw,28px)}@media (width<=768px){.menu-toggle{display:block}.nav-links{opacity:0;pointer-events:none;background:#14141ef2;width:100%;transition:all .3s ease-in-out;position:absolute;top:100%;left:0;transform:translateY(-100%)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links ul{flex-direction:column;align-items:center;gap:15px;padding:15px 0}.nav-link{text-shadow:none;filter:none;padding:8px 12px;font-size:1rem;transform:none}.nav-link:hover{text-shadow:none;filter:none;transform:none}.navbar{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (width<=480px){.navbar-inner{padding:0 15px}.logo{font-size:clamp(1.2rem,4vw,1.5rem);transform:none}.logo:hover{transform:none}}.hero{max-width:1400px;transform-style:preserve-3d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(20px,5vw,60px);margin:0 auto;padding:clamp(40px,8vw,80px) clamp(20px,5vw,100px);display:flex;position:relative}.hero-text{min-width:clamp(250px,50%,600px);transform-style:preserve-3d;flex:1}.hero-text h1{color:#fff;text-shadow:0 4px 15px #a020f099;cursor:pointer;font-size:clamp(1.8rem,5vw,2.5rem);transition:transform .3s,text-shadow .3s;transform:perspective(800px)translateZ(20px)}.hero-text h1:hover{text-shadow:0 6px 20px #a020f0cc;transform:perspective(800px)translateZ(30px)}.hero-text h2{background:linear-gradient(90deg,#a020f0 27%,#fa6d60 100%);color:#0000;text-shadow:0 0 25px #a855f780,0 2px 10px #fa6d6066;-webkit-background-clip:text;background-clip:text;margin:0;padding:.5rem 0;font-size:clamp(2rem,6vw,2.9rem);line-height:1.1;animation:4s ease-in-out infinite floatText;transform:perspective(800px)translateZ(50px)rotateX(10deg)}.hero-text p{color:#f3e8ff;max-width:500px;margin:25px 0;font-size:clamp(.9rem,3vw,1.1rem);line-height:1.6;transform:perspective(800px)translateZ(25px)}.hero-text p:hover{transform:perspective(800px)translateZ(35px)rotateX(5deg)}.button-social-container{transform-style:preserve-3d;align-items:center;gap:clamp(20px,4vw,30px);margin:40px 0;display:flex}.resume-btn{color:#fff;cursor:pointer;background:linear-gradient(145deg,#a020f0,#ed6172);border:none;border-radius:25px;justify-content:center;align-items:center;padding:12px 28px;font-size:clamp(.9rem,3vw,1.1rem);transition:transform .3s,box-shadow .3s;display:inline-flex;transform:perspective(800px)translateZ(10px);box-shadow:0 4px 15px #a020f099}.resume-btn:hover{transform:perspective(800px)translateZ(20px)scale(1.02);box-shadow:0 6px 50px #a020f0cc}.social-icons{align-items:center;gap:16px;display:flex}.icon-circle{all:unset;cursor:pointer;display:inline-block}.icon-circle img{object-fit:contain;width:clamp(30px,8vw,39px);height:clamp(30px,8vw,39px);transition:transform .3s,filter .3s}.icon-circle:hover img{filter:drop-shadow(0 0 6px #fff6);transform:scale(1.15)}.profile-image-container{perspective:1200px;min-width:clamp(200px,50vw,415px);max-width:clamp(200px,50vw,415px);height:clamp(200px,50vw,415px);transform-style:preserve-3d;will-change:transform, box-shadow;background:linear-gradient(145deg,#1e1e1e,#292929);border-radius:50%;flex:1;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;box-shadow:0 0 60px #a020f099,0 0 30px #ed617266,inset 5px 5px 12px #0006,inset -5px -5px 12px #ffffff1a}.profile-image-container:before{content:"";filter:blur(60px);opacity:.7;z-index:-1;background:radial-gradient(circle at 40% 40%,#ed6172 0%,#a020f0 100%);border-radius:50%;position:absolute;inset:-30px}.image-wrapper{transform-style:preserve-3d;border-radius:50%;width:100%;height:100%;transition:transform .5s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 0 40px #a855f799,inset 0 0 20px #fff3}.image-wrapper:before{content:"";filter:blur(35px);opacity:.9;z-index:-1;background:linear-gradient(145deg,#ed6172,#a020f0);border-radius:50%;position:absolute;inset:-20px}.image-wrapper:hover{transform:scale(1.03)}.image-wrapper:hover:before{filter:blur(45px);opacity:1}.profile-image{object-fit:cover;filter:brightness(1.05)contrast(1.05);width:100%;height:100%;transition:all .5s cubic-bezier(.23,1,.32,1);transform:perspective(800px)translateZ(20px)}.tech-icon{width:clamp(30px,8vw,50px);height:clamp(30px,8vw,50px);transform-style:preserve-3d;will-change:transform, box-shadow, filter;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;transform:perspective(800px)translateZ(30px);box-shadow:0 12px 25px #000000b3,inset 0 4px 10px #ffffff0d,-4px -4px 8px #ffffff14,inset 6px 6px 12px #00000080}.tech-icon:hover{transform:perspective(800px)translateZ(40px)rotateX(5deg)rotateY(5deg);box-shadow:0 18px 35px #000c,0 0 12px #fff3,inset 4px 4px 10px #0009,inset -2px -2px 6px #ffffff1a}.tech-icon svg{filter:drop-shadow(0 2px 4px #0009);width:100%;height:100%;transition:all .4s;transform:perspective(600px)translateZ(20px)}.tech-icon:hover svg{filter:drop-shadow(0 4px 8px #000c);transform:perspective(600px)translateZ(40px)rotateY(15deg)}.tech-node{background:linear-gradient(145deg,#3c8d3c,#58d158);animation:4s ease-in-out infinite floatText;top:10%;left:0%}.tech-html{background:linear-gradient(145deg,#e44d26,#f16529);animation:4s ease-in-out infinite floatText;top:0%;right:-5%}.tech-react{background:linear-gradient(145deg,#4fa7d3,#61dafb);animation:4s ease-in-out infinite floatText;bottom:0%;left:65%}.tech-css{background:linear-gradient(145deg,#264de4,#2965f1);animation:4s ease-in-out infinite floatText;top:50%;left:-5%}.tech-js{background:linear-gradient(145deg,#f0db4f,#f7e018);animation:4s ease-in-out infinite floatText;bottom:10%;right:0%}.tech-git{background:linear-gradient(145deg,#f34f29,#e84e1b);animation:4s ease-in-out infinite floatText;bottom:25%;left:10%}@keyframes floatText{0%,to{transform:perspective(800px)translateZ(30px)translateY(0)}50%{transform:perspective(800px)translateZ(30px)translateY(-10px)}}@media (width<=768px){.hero{flex-direction:column;align-items:center;gap:20px;padding:5vw 3vw}.hero-text{text-align:center;min-width:100%;max-width:100%}.hero-text h1,.hero-text h2,.hero-text p,.resume-btn,.profile-image-container,.tech-icon,.image-wrapper{text-shadow:none!important;filter:none!important;transform:none!important}.button-social-container{flex-direction:column;gap:20px}.profile-image-container{min-width:clamp(200px,50vw,300px);max-width:clamp(200px,50vw,300px);height:clamp(200px,50vw,300px);box-shadow:0 0 20px #a020f066}.tech-icon{width:30px;height:30px;padding:6px}}@media (width<=480px){.hero-text h1{font-size:clamp(1.5rem,4vw,1.8rem)}.hero-text h2{font-size:clamp(1.6rem,5vw,2rem)}.hero-text p{font-size:clamp(.8rem,3vw,.9rem)}}.about-section{color:#f3f3f3;text-align:center;max-width:1400px;margin:0 auto;padding:clamp(40px,8vw,80px) clamp(20px,5vw,40px);position:relative}.about-title{color:#fff;text-shadow:0 0 20px #a855f780;margin-bottom:40px;font-size:clamp(2rem,5vw,2.8rem)}.about-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(215px,5vw,40px);display:flex}.about-text{text-align:left;flex:1;max-width:550px}.name{background:linear-gradient(90deg,#a020f0 27%,#fa6d60 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.description{color:#f3e8ff;margin-bottom:30px;font-size:clamp(.9rem,3vw,1.1rem);line-height:1.6}.skills-list{flex-direction:column;gap:25px;display:flex}.skill-button,.skill-badge{background-color:#0000;background-image:linear-gradient(#1a1a1a,#1a1a1a),linear-gradient(90deg,#a020f0 27%,#fa6d60 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:8px 17px;font-size:clamp(1rem,3vw,1.3rem);font-weight:500;transition:all .3s;display:flex}.skill-text{background:linear-gradient(90deg,#a020f0 27%,#fa6d60 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.skill-icon{font-size:1.5rem}.skill-icon svg{fill:url(#text-gradient)}.skill-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #fa6d6066}.about-section .profile-image-container{perspective:1200px;min-width:clamp(200px,50vw,415px);max-width:clamp(200px,50vw,415px);height:clamp(200px,50vw,415px);transform-style:preserve-3d;will-change:transform, box-shadow;background:linear-gradient(145deg,#1e1e1e,#292929);border-radius:50%;flex:1;margin-right:0;transition:all .5s cubic-bezier(.23,1,.32,1);box-shadow:0 0 60px #a020f099,0 0 30px #ed617266,inset 5px 5px 12px #0006,inset -5px -5px 12px #ffffff1a}@media (width<=768px){.about-section{padding:clamp(20px,5vw,40px) clamp(10px,3vw,20px)}.about-content{text-align:center;flex-direction:column;gap:15px}.about-text{text-align:center;max-width:90%;margin:0 auto}.skill-button,.skill-badge{padding:8px 12px;font-size:1rem}.about-section .profile-image-container{min-width:clamp(150px,45vw,300px);max-width:clamp(150px,45vw,300px);height:clamp(150px,45vw,300px);box-shadow:0 0 20px #a020f066}}@media (width<=480px){.about-title{font-size:clamp(1.8rem,4vw,2rem)}.name{font-size:clamp(1.2rem,3vw,1.5rem)}.description{font-size:clamp(.8rem,2.5vw,.9rem)}.about-content{gap:10px}.about-section .profile-image-container{min-width:clamp(120px,40vw,250px);max-width:clamp(120px,40vw,250px);height:clamp(120px,40vw,250px)}}.skills-section{color:#f3f3f3;text-align:center;max-width:1400px;margin:0 auto;padding:clamp(40px,8vw,80px) clamp(20px,5vw,40px);position:relative}.skills-title{color:#fff;text-shadow:0 0 20px #a855f780;margin-bottom:40px;font-size:clamp(2rem,5vw,2.8rem)}@keyframes glowPulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}.skills-container{grid-template-columns:repeat(5,1fr);justify-items:stretch;gap:clamp(18px,2.4vw,32px);width:100%;max-width:1200px;padding:0 20px;display:grid}.skills-container--flat .skill-tile{box-shadow:none;background:0 0;border:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:12px 6px;transition:transform .35s cubic-bezier(.23,1,.32,1);display:flex}.skills-container--flat .skill-tile:hover{transform:translateY(-6px)scale(1.05)}.skills-container--flat .skill-tile .skill-icon{background:#ffffff0a;border-radius:18px;justify-content:center;align-items:center;padding:10px;transition:transform .4s,box-shadow .4s,background .4s;display:flex;width:clamp(56px,8vw,72px)!important;height:clamp(56px,8vw,72px)!important}.skills-container--flat .skill-tile:hover .skill-icon{background:#ffffff14;transform:rotate(-4deg)scale(1.08)}.skills-container--flat .skill-tile .skill-icon img{object-fit:contain;width:100%;height:100%}.skills-container--flat .skill-tile .skill-name{margin:0}@media (width<=1200px){.skills-container{grid-template-columns:repeat(5,1fr)!important;gap:24px!important}}@media (width<=1024px){.skills-container{grid-template-columns:repeat(4,1fr)!important;gap:22px!important}}@media (width<=768px){.skills-container{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}}@media (width<=480px){.skills-container{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}.skill-item.empty{text-align:center;color:#aaa;text-shadow:0 0 10px #a855f74d;background:#ffffff08;border-radius:20px;justify-content:center;align-items:center;min-height:70px;padding:20px;font-size:clamp(.9rem,3vw,1rem);font-weight:500;display:flex;transform:none;box-shadow:0 0 10px #a020f033}.skill-item.empty:hover{transform:none;box-shadow:0 0 10px #a020f033}.skills-section .skill-icon{border-radius:50%;justify-content:center;align-items:center;width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px);font-size:clamp(1.5rem,4vw,2rem);transition:transform .4s;display:flex}.skills-section .skill-icon img{object-fit:contain;z-index:2;filter:brightness(1.1)contrast(1.2);width:100%;height:100%;transition:filter .3s}.dots-container{flex:1;align-items:center;gap:8px;display:flex}.dot{background:#ffffff1a;border-radius:50%;width:clamp(10px,2vw,13px);height:clamp(10px,2vw,13px);transition:background .3s,box-shadow .3s;box-shadow:0 0 6px #0009}.skill-html .dot.active{background:linear-gradient(90deg,#ff5e3a,#ff4500);box-shadow:0 0 12px #ff4500}.skill-css .dot.active{background:linear-gradient(90deg,#2997ff,#1e90ff);box-shadow:0 0 12px #1e90ff}.skill-js .dot.active{background:linear-gradient(90deg,#ffdf40,gold);box-shadow:0 0 12px gold}.skill-react .dot.active{background:linear-gradient(90deg,#61dafb,#00d8ff);box-shadow:0 0 12px #00d8ff}.skill-node .dot.active{background:linear-gradient(90deg,#68a063,#3cb371);box-shadow:0 0 12px #3cb371}.skill-python .dot.active{background:linear-gradient(90deg,#ffe96b,#ffd328);box-shadow:0 0 12px #ffd328}.skill-mongodb .dot.active{background:linear-gradient(90deg,#4db33d,#3fa037);box-shadow:0 0 12px #4db33d}.skill-git .dot.active{background:linear-gradient(90deg,#f34f29,#f1502f);box-shadow:0 0 12px #f1502f}.skill-express .dot.active{background:linear-gradient(90deg,#444,#000);box-shadow:0 0 12px #000}.skill-bootstrap .dot.active{background:linear-gradient(90deg,#a77eff,#915ddf);box-shadow:0 0 12px #915ddf}.skill-tailwind .dot.active{background:linear-gradient(90deg,#38bdf8,#06b6d4);box-shadow:0 0 12px #06b6d4}.skill-webpack .dot.active{background:linear-gradient(90deg,#8ed5fa,#1c78c0);box-shadow:0 0 12px #8dd6f9}.skill-jest .dot.active{background:linear-gradient(90deg,#c63a57,#99425b);box-shadow:0 0 12px #99425b}.skill-docker .dot.active{background:linear-gradient(90deg,#2496ed,#0db7ed);box-shadow:0 0 12px #0db7ed}.skill-postgresql .dot.active{background:linear-gradient(90deg,#4d80aa,#3b6b9a);box-shadow:0 0 12px #4d80aa}.skill-firebase .dot.active{background:linear-gradient(90deg,#ffcb2b,#ffca28);box-shadow:0 0 12px #ffca28}.skill-graphql .dot.active{background:linear-gradient(90deg,#e535ab,#d16ae6);box-shadow:0 0 12px #e535ab}.skill-django .dot.active{background:linear-gradient(90deg,#2ecc71,#27ae60);box-shadow:0 0 12px #27ae60}.skill-laravel .dot.active{background:linear-gradient(90deg,#ff2d20,#f9322c);box-shadow:0 0 12px #f9322c}.skill-php .dot.active{background:linear-gradient(90deg,#7e91cc,#6d82c8);box-shadow:0 0 12px #6d82c8}.skill-flutter .dot.active{background:linear-gradient(90deg,#02569b,#13b9fd);box-shadow:0 0 12px #13b9fd}.skill-dart .dot.active{background:linear-gradient(90deg,#00c5dc,#3ad);box-shadow:0 0 12px #00c5dc}.skill-mysql .dot.active{background:linear-gradient(90deg,#00b3b3,#0099a1);box-shadow:0 0 12px #00b3b3}.skill-nextjs .dot.active{background:linear-gradient(90deg,#f8f9fa,#e9ecef);box-shadow:0 0 12px #e9ecef}.skill-github .dot.active{background:linear-gradient(90deg,#e0e0e0,#bdbdbd);box-shadow:0 0 12px #bdbdbd}.skill-angular .skill-name{background-image:linear-gradient(90deg,#dd1b16,#ff6b6b)}.skill-spring .skill-name{background-image:linear-gradient(90deg,#77bc1f,#b8e986)}.skill-name{color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700}.skill-html .skill-name{background-image:linear-gradient(90deg,#ff5e3a,#ff4500)}.skill-css .skill-name{background-image:linear-gradient(90deg,#2997ff,#1e90ff)}.skill-js .skill-name{background-image:linear-gradient(90deg,gold,#ffdf40)}.skill-react .skill-name{background-image:linear-gradient(90deg,#00d8ff,#61dafb)}.skill-node .skill-name{background-image:linear-gradient(90deg,#3cb371,#68e191)}.skill-tailwind .skill-name{background-image:linear-gradient(90deg,#38d4f8,#06c6d4)}.skill-nextjs .skill-name{background-image:linear-gradient(90deg,#fff,#dcdcdc)}.skill-php .skill-name{background-image:linear-gradient(90deg,#7e91cc,#6d82c8)}.skill-laravel .skill-name{background-image:linear-gradient(90deg,#f9322c,#fb503b)}.skill-bootstrap .skill-name{background-image:linear-gradient(90deg,#a77eff,#915ddf)}.skill-python .skill-name{background-image:linear-gradient(90deg,#ffe96b,#ffd328)}.skill-django .skill-name{background-image:linear-gradient(90deg,#2ecc71,#27ae60)}.skill-dart .skill-name{background-image:linear-gradient(90deg,#00c5dc,#3ad)}.skill-flutter .skill-name{background-image:linear-gradient(90deg,#02569b,#13b9fd)}.skill-firebase .skill-name{background-image:linear-gradient(90deg,#ffca28,#ff9800)}.skill-mysql .skill-name{background-image:linear-gradient(90deg,#00b3b3,#0099a1)}.skill-mongodb .skill-name{background-image:linear-gradient(90deg,#4db33d,#2e7d32)}.skill-postgresql .skill-name{background-image:linear-gradient(90deg,#4d80aa,#3b6b9a)}.skill-github .skill-name{background-image:linear-gradient(90deg,#e0e0e0,#bdbdbd)}.skill-git .skill-name{background-image:linear-gradient(90deg,#f1502f,#e96228)}@media (width<=768px){.skill-item,.skill-item.empty{min-height:60px}.skill-icon{width:50px;height:50px;font-size:1.5rem}.dot{width:10px;height:10px}}@media (width<=480px){.skills-container{grid-template-columns:1fr}.skill-name,.skill-item.empty{font-size:clamp(.8rem,2.5vw,.9rem)}}.projects-section{color:#f3f3f3;text-align:center;max-width:1400px;margin:0 auto;padding:clamp(40px,8vw,80px) clamp(20px,5vw,40px);position:relative}.project-title{color:#fff;text-shadow:0 0 20px #a855f780;margin-bottom:40px;font-size:clamp(2rem,5vw,2.8rem)}.project-tabs{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.tab{color:#fff;cursor:pointer;background-image:linear-gradient(#1a1a1a,#1a1a1a),linear-gradient(90deg,#a020f0 35%,#ed6172 100%);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:999px;padding:clamp(10px,2vw,15px) clamp(15px,3vw,25px);font-size:clamp(.9rem,3vw,1.1rem);font-weight:500;transition:all .3s}.tab-text{background:linear-gradient(90deg,#a020f0 27%,#fa6d60 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.tab.active{background:linear-gradient(90deg,#a020f0 35%,#ed6172 100%);box-shadow:0 0 10px #a020f0,0 0 20px #ed6172}.tab.active .tab-text{color:#fff;background:0 0;background-clip:unset;-webkit-background-clip:unset}.tab:hover:not(.active){background:linear-gradient(90deg,#a020f0 35%,#ed6172 100%);box-shadow:0 0 10px #a020f0,0 0 20px #ed6172}.tab:hover:not(.active) .tab-text{color:#fff;background:0 0;background-clip:unset;-webkit-background-clip:unset}.project-tabs:hover .tab{opacity:.4;transform:scale(.95)}.project-tabs:hover .tab:hover{opacity:1;transform:scale(1.05)}.projects-carousel{max-width:1400px;transform-style:preserve-3d;justify-content:center;align-items:center;gap:20px;margin:0 auto;padding:0 20px;display:flex}.projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:100%;transition:transform .3s;display:grid;transform:perspective(800px)translateZ(10px)}.project-card{background:#ffffff0d;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:350px;padding:20px;transition:all .3s;display:flex;box-shadow:0 0 15px #ff4be24d}.project-card.empty{text-align:center;color:#aaa;text-shadow:0 0 10px #a855f74d;background:#ffffff08;justify-content:center;align-items:center;font-size:clamp(.9rem,3vw,1rem);font-weight:500;display:flex;transform:none;box-shadow:0 0 10px #a020f033}.project-card.empty:hover{transform:none;box-shadow:0 0 10px #a020f033}.project-image-wrap{aspect-ratio:16/10;background:#ffffff0a;border-radius:12px;width:100%;margin-bottom:15px;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .project-image{transform:scale(1.04)}.project-desc{color:#ccc;text-align:left;flex-grow:1;margin-bottom:20px;font-size:clamp(.9rem,3vw,1rem);line-height:1.6}.project-tech{color:#f3e8ff;text-align:left;margin-bottom:20px;font-size:clamp(.8rem,2.5vw,.9rem)}.project-links{justify-content:center;gap:20px;margin-top:auto;display:flex}.repo-btn,.demo-btn{cursor:pointer;background-image:linear-gradient(#1a1a1a,#1a1a1a),linear-gradient(90deg,#a020f0 35%,#ed6172 100%);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:clamp(8px,2vw,11px) clamp(15px,3vw,21px);font-size:clamp(.8rem,2.5vw,.9rem);font-weight:500;transition:all .3s;display:flex}.link-icon{color:#fff;justify-content:center;align-items:center;font-size:clamp(.9rem,2.5vw,1.1rem);display:flex}.link-text{background:linear-gradient(90deg,#a020f0 27%,#fa6d60 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.repo-btn:hover,.demo-btn:hover{background:linear-gradient(90deg,#a020f0 35%,#ed6172 100%);box-shadow:0 0 10px #a020f0,0 0 20px #ed6172}.repo-btn:hover .link-text,.demo-btn:hover .link-text{color:#fff;background:0 0;background-clip:unset;-webkit-background-clip:unset}.arrow-btn{cursor:pointer;color:#fff;background-color:#ffffff0d;background-image:linear-gradient(#1a1a1a,#1a1a1a),linear-gradient(90deg,#a020f0 35%,#ed6172 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:clamp(8px,2vw,12px);font-size:clamp(1rem,3vw,1.2rem);transition:all .3s;display:flex;transform:perspective(800px)translateZ(10px);box-shadow:0 0 15px #a020f04d}.arrow-btn:hover:not(.disabled){background:linear-gradient(90deg,#a020f0 35%,#ed6172 100%);transform:perspective(800px)translateZ(20px)scale(1.05);box-shadow:0 0 20px #a020f099,0 0 30px #ed617266}.arrow-btn.disabled{box-shadow:none;cursor:not-allowed;opacity:.5;background:#ffffff1a;border:2px solid #fff3;transform:none}.project-video{border-radius:8px;max-width:100%;height:auto}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:20px}.project-card,.project-card.empty{min-height:auto;padding:15px}.project-image{margin-bottom:10px}.project-desc{margin-bottom:15px;font-size:clamp(.8rem,2.5vw,.9rem)}.project-tech{margin-bottom:15px;font-size:clamp(.7rem,2vw,.8rem)}.project-links{gap:15px}.repo-btn,.demo-btn{padding:clamp(6px,1.5vw,8px) clamp(12px,2.5vw,16px);font-size:clamp(.7rem,2vw,.8rem)}.link-icon{font-size:clamp(.8rem,2vw,.9rem)}.arrow-btn{padding:6px;font-size:.9rem}.project-tabs{gap:15px}}@media (width<=480px){.project-title{font-size:clamp(1.8rem,4vw,2rem)}.tab{padding:8px 15px;font-size:clamp(.8rem,2.5vw,.9rem)}.project-card,.project-card.empty{min-height:240px;padding:12px}.project-desc{font-size:clamp(.7rem,2vw,.8rem)}.project-tech{font-size:clamp(.6rem,1.8vw,.7rem)}}.contact-section{color:#f3f3f3;text-align:center;background:0 0;max-width:1400px;margin:0 auto;padding:clamp(30px,6vw,55px) clamp(15px,4vw,30px);position:relative}.contact-title{color:#fff;text-shadow:0 0 20px #a855f780;margin-bottom:40px;font-size:clamp(2rem,5vw,2.8rem)}.contact-container{justify-content:center;align-items:center;display:flex}.social-icons1{justify-content:center;align-items:center;gap:clamp(15px,4vw,20px);margin-top:5%;display:flex}.contact-form{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:16px;width:100%;max-width:45%;padding:clamp(30px,6vw,50px);box-shadow:0 0 60px #a020f099,0 0 30px #ed617266,inset 5px 5px 12px #0006,inset -5px -5px 12px #ffffff1a}.input-group{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.input-field{background:#181818 padding-box padding-box;border:2px solid #0000;border-radius:10px;align-items:flex-start;padding:12px 16px;transition:border .4s,box-shadow .4s;display:flex}.input-field:focus-within{background-image:linear-gradient(#181818,#181818),linear-gradient(90deg,#a020f0,#fa6d60);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000}.input-field input,.input-field textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;font-size:clamp(.9rem,3vw,1rem)}.send-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#a020f0,#fa6d60);border:none;border-radius:999px;padding:12px 24px;font-size:clamp(.9rem,3vw,1rem);transition:transform .3s,box-shadow .3s}.send-button:hover{transform:scale(1.05);box-shadow:0 6px 15px #fa6d6066}.textarea-field textarea{min-height:120px}.icon-gradient{margin-right:3%}@media (width<=768px){.contact-form{max-width:100%;padding:30px;box-shadow:0 0 20px #a020f066}.social-icons1{gap:15px}.icon-circle img{width:30px;height:30px}.contact-section{padding:5vw 3vw}}@media (width<=480px){.contact-title{font-size:clamp(1.8rem,4vw,2rem)}.send-button{padding:10px 20px;font-size:clamp(.8rem,2.5vw,.9rem)}}.footer{color:#aaa;background-color:#0a0a0a;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:clamp(20px,5vw,35px) clamp(20px,5vw,125px);font-family:Poppins,sans-serif;display:flex}.footer-left{flex-direction:column;display:flex}.footer-left .logo{background:linear-gradient(90deg,#a020f0 37%,#ed6172 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600;transform:none}.footer-left p{color:#666;margin-top:5px;font-size:clamp(.8rem,2.5vw,.9rem)}.footer-nav{flex-wrap:wrap;gap:clamp(15px,4vw,20px);display:flex}.footer-nav a{color:#bbb;font-size:clamp(.9rem,3vw,1rem);transition:all .3s}.footer-nav a:hover{background:linear-gradient(90deg,#a020f0 37%,#ed6172 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=768px){.footer{text-align:center;flex-direction:column;gap:20px;padding:20px 5vw}.footer-nav{justify-content:center;gap:15px;margin-top:15px}}@media (width<=480px){.footer-left p{font-size:clamp(.7rem,2vw,.8rem)}.footer-nav a{font-size:clamp(.8rem,2.5vw,.9rem)}}.certificates-section{max-width:1280px;margin:0 auto;padding:80px 6% 60px}.cert-title{text-align:center;color:#fff;margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.cert-subtitle{text-align:center;color:#b8b8c8;margin-bottom:40px;font-size:.95rem}.cert-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.cert-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;transition:transform .25s,border-color .25s,background .25s;display:flex;overflow:hidden}.cert-card:hover{background:#ffffff0f;border-color:#e9456066;transform:translateY(-4px)}.cert-image-wrap{aspect-ratio:4/3;background:#fff;position:relative;overflow:hidden}.cert-image-wrap img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cert-badge{letter-spacing:.03em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600;position:absolute;top:10px;right:10px}.cert-badge-hackathon,.cert-badge-freelance,.cert-badge-internship{background:linear-gradient(135deg,#a020f0 0%,#fa6d60 100%);border:1px solid #ffffff2e;box-shadow:0 4px 14px #a020f059}.cert-info{padding:16px 18px 20px}.cert-info h3{color:#fff;margin:0 0 6px;font-size:1rem;line-height:1.3}.cert-issuer{color:#c9c9d6;margin:0;font-size:.88rem}.cert-date{color:#8a8a9a;margin:6px 0 0;font-size:.78rem}.cert-lightbox{z-index:9999;background:#000000e0;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.cert-lightbox img{object-fit:contain;border-radius:8px;max-width:95vw;max-height:90vh;box-shadow:0 20px 60px #0009}.cert-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:background .2s;display:flex;position:absolute;top:20px;right:24px}.cert-close:hover{background:#ffffff38}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.certificates-section{padding:60px 5% 40px}.cert-grid{grid-template-columns:1fr}}.dots-container{display:none!important}.skill-item,.project-card,.icon-circle,.tech-icon{filter:none!important;box-shadow:0 6px 20px #00000040!important}.skill-item:hover,.project-card:hover{box-shadow:0 10px 28px #00000059!important}.skills-title,.project-title,.contact-title,.about-title,.cert-title{-webkit-text-fill-color:#fff!important;color:#fff!important;text-shadow:none!important;background:0 0!important}.contact-section--simple{text-align:center;max-width:720px;margin:0 auto;padding:80px 6% 60px}.contact-lead{color:#c9c9d6;margin:0 0 28px;font-size:1rem}.contact-email-pill{background:linear-gradient(135deg,#a020f0,#fa6d60);border-radius:999px;margin-bottom:32px;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 8px 24px #fa6d6040;color:#fff!important}.contact-email-pill:hover{transform:translateY(-2px);box-shadow:0 12px 32px #fa6d6059}.contact-section--simple .social-icons1{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-specialization{color:#e8e8f0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:8px 0 14px;padding:6px 14px;font-size:.92rem;display:inline-flex}.hero-specialization strong{background:linear-gradient(135deg,#a020f0,#fa6d60);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.spec-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4ade802e}.project-tech-chips{flex-wrap:wrap;gap:6px;margin:10px 0 14px;display:flex}.tech-chip{color:#e8d8ff;white-space:nowrap;background:#a020f01f;border:1px solid #a020f047;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:500;display:inline-block}.project-tech{display:none!important}@media (width<=768px){.projects-carousel{gap:0}.projects-carousel .arrow-btn{display:none}.projects-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:16px;padding:4px 16px 20px;overflow-x:auto;flex-direction:row!important;display:flex!important}.projects-grid .project-card{scroll-snap-align:center;flex:0 0 85%;max-width:85%}.projects-grid::-webkit-scrollbar{height:6px}.projects-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a020f0,#fa6d60);border-radius:999px}}.bottom-sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:998;background:#0000008c;transition:opacity .25s;position:fixed;inset:0}.bottom-sheet-backdrop.open{opacity:1;pointer-events:auto}.bottom-sheet{z-index:999;background:#15071d;border-top:1px solid #ffffff14;border-radius:22px 22px 0 0;padding:10px 18px 28px;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background:#ffffff40;border-radius:999px;width:40px;height:4px;margin:0 auto 12px}.bottom-sheet-header{color:#fff;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:0 4px 10px;font-size:.95rem;font-weight:600;display:flex}.bottom-sheet-title{background:linear-gradient(90deg,#a020f0 0%,#fa6d60 100%);-webkit-text-fill-color:transparent;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;font-weight:700}.bottom-sheet-close{cursor:pointer;background:#ffffff0f;border:1px solid #fa6d6059;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s;display:grid}.bottom-sheet-close:hover{transform:rotate(90deg);box-shadow:0 0 18px #a020f073}.bottom-sheet-list{margin:0;padding:8px 0 0;list-style:none}.bottom-sheet-list li a{border-radius:14px;align-items:center;gap:14px;padding:14px 10px;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:flex;color:#e8e8f0!important}.bottom-sheet-list li a:active,.bottom-sheet-list li a:hover{background:linear-gradient(90deg,#a020f024,#fa6d601a);transform:translate(4px)}.sheet-icon{background:#a020f014;border:1px solid #fa6d602e;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.menu-toggle.grad-icon-btn{cursor:pointer;background:#a020f01a;border:1px solid #fa6d6059;border-radius:12px;justify-content:center;align-items:center;padding:6px 10px;transition:transform .2s,box-shadow .2s;display:none;box-shadow:0 4px 14px #a020f033}.menu-toggle.grad-icon-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #fa6d604d}@media (width>=769px){.bottom-sheet,.bottom-sheet-backdrop{display:none!important}}@media (width<=768px){.nav-links{display:none!important}.menu-toggle{cursor:pointer;background:0 0;border:none;display:flex!important}}.stack-filters{flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;margin:0 auto 24px;padding:0 16px;display:flex}.stack-filter{color:#d1a9e6;cursor:pointer;background:#ffffff0a;border:1px solid #a020f040;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:500;transition:all .25s}.stack-filter:hover{color:#fff;border-color:#fa6d6080}.stack-filter.active{color:#fff;background:linear-gradient(135deg,#a020f0,#fa6d60);border-color:#0000;box-shadow:0 4px 14px #a020f059}.tech-chip-more{color:#ffd8d2;background:#fa6d6026;border-color:#fa6d6066}.scroll-hint-dots{justify-content:center;gap:6px;margin-top:12px;display:none}.scroll-dot{background:#ffffff40;border-radius:50%;width:6px;height:6px;transition:all .25s}.scroll-dot.active{background:linear-gradient(90deg,#a020f0,#fa6d60);border-radius:999px;width:18px}@media (width<=768px){.scroll-hint-dots{display:flex}.projects-grid .project-card{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 86%!important;max-width:86%!important}.projects-grid{scroll-padding:0 7%;padding-bottom:8px!important}}button.scroll-dot{cursor:pointer;border:none;outline:none;padding:0}button.scroll-dot:focus-visible{box-shadow:0 0 0 2px #fa6d6099}.skills-compact{padding:clamp(40px,6vw,64px) clamp(20px,5vw,40px)}.skills-compact .skills-title{margin-bottom:8px}.skills-subtitle{text-align:center;color:#b9b3c7;margin:0 0 22px;font-size:.95rem}.skills-cats{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin:0 auto 22px;display:flex}.skills-cat{color:#d6cfe6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .25s}.skills-cat:hover{color:#fff;border-color:#fa6d6073;transform:translateY(-1px)}.skills-cat.active{color:#fff;background:linear-gradient(90deg,#a020f0 0%,#fa6d60 100%);border-color:#0000;box-shadow:0 6px 18px #a020f059}.skills-chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1000px;margin:0 auto;display:flex}.skill-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s,border-color .25s;display:inline-flex;transform:perspective(600px)translateZ(0)}.skill-chip:hover{border-color:#fa6d6073;transform:perspective(600px)translateZ(10px)translateY(-2px);box-shadow:0 10px 24px -8px #a020f073}.skill-chip-icon{background:#ffffff0f;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:18px;display:grid}.skill-chip-icon img,.skill-chip-icon svg{object-fit:contain;width:18px;height:18px}.skill-chip-name{color:#ece8f5;white-space:nowrap;font-size:.85rem;font-weight:600}.skills-compact .skills-container,.skills-compact .skill-item,.skills-compact .dots-container{display:none!important}@media (width<=768px){.skill-chip{padding:6px 12px 6px 6px}.skill-chip-name{font-size:.78rem}.skill-chip-icon{width:22px;height:22px}.skill-chip-icon img,.skill-chip-icon svg{width:15px;height:15px}}:root{--grad-brand:linear-gradient(135deg, #a020f0 0%, #fa6d60 100%);--shadow-3d:0 10px 30px -12px #a020f073, 0 4px 12px -6px #fa6d6040;--shadow-3d-hover:0 22px 50px -14px #a020f08c, 0 8px 22px -8px #fa6d6059;--ring-focus:0 0 0 3px #fa6d608c, 0 0 0 5px #a020f059}:where(a,button,[role=tab],.scroll-dot,.stack-filter,.tab,.skill-item):focus-visible{box-shadow:var(--ring-focus);border-radius:12px;outline:none}.scroll-dot:focus-visible{border-radius:999px}.project-card,.cert-card{box-shadow:var(--shadow-3d);background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff14;border-radius:18px;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s,border-color .35s;transform:perspective(900px)translateZ(0)}.project-card:hover,.cert-card:hover{box-shadow:var(--shadow-3d-hover);border-color:#fa6d6059;transform:perspective(900px)translateZ(14px)translateY(-4px)rotateX(1.5deg)}.cert-badge{transform:translateZ(20px);box-shadow:0 6px 18px #a020f073}.bottom-sheet{background:linear-gradient(#1b0a26 0%,#120618 100%);box-shadow:0 -18px 50px #0009,inset 0 -2px #a020f040}.tab.active{box-shadow:0 6px 18px #a020f059}:root{--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--grad-brand-90:linear-gradient(90deg, #a020f0 0%, #fa6d60 100%);--grad-brand-135:linear-gradient(135deg, #a020f0 0%, #fa6d60 100%);--border-soft:1px solid #ffffff14;--border-brand:1px solid #fa6d6059}.project-card,.cert-card{border-radius:var(--radius-lg)!important}.cert-badge,.stack-filter,.tech-chip,.tech-chip-more,.scroll-dot.active{border-radius:999px}.bottom-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.motion-toggle{border:var(--border-brand);color:#ece8f5;cursor:pointer;background:#a020f01a;border-radius:999px;align-items:center;gap:6px;margin-right:8px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.motion-toggle:hover{box-shadow:0 0 14px #fa6d6059}.motion-toggle[aria-pressed=true]{background:var(--grad-brand-90);color:#fff;border-color:#0000}@media (width<=480px){.motion-toggle .motion-toggle-label{display:none}}body.reduce-motion *,body.reduce-motion :before,body.reduce-motion :after{transition:none!important;animation:none!important}body.reduce-motion .project-card,body.reduce-motion .cert-card,body.reduce-motion .skill-item,body.reduce-motion .skill-chip,body.reduce-motion .logo,body.reduce-motion .cert-badge{transform:none!important;box-shadow:0 4px 14px #00000059!important}body.reduce-motion .project-card:hover,body.reduce-motion .cert-card:hover,body.reduce-motion .skill-item:hover{transform:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}body.theme-light{color:#1a0d24!important;background:#fbf7ff linear-gradient(#fbf7ff 0%,#f4ecff 60%,#ffe9e4 100%)!important}body.theme-light .navbar.scrolled{background:#ffffffd9!important}body.theme-light .nav-link{color:#5b2a86}body.theme-light .nav-link:hover{color:#a020f0}body.theme-light .project-card,body.theme-light .cert-card,body.theme-light .skill-item{color:#1a0d24;background:linear-gradient(#fff 0%,#fbf6ff 100%)!important;border-color:#a020f02e!important}body.theme-light .project-desc,body.theme-light .cert-info p,body.theme-light .skill-name{color:#2a1638!important}body.theme-light .tech-chip{color:#5b2a86;background:#a020f014;border-color:#a020f040}body.theme-light .bottom-sheet{color:#1a0d24;background:linear-gradient(#fff 0%,#fbf6ff 100%)!important}body.theme-light .bottom-sheet-list a{color:#1a0d24}body.theme-light .contact-form input,body.theme-light .contact-form textarea{color:#1a0d24;background:#fff;border-color:#a020f04d}body.theme-light .motion-toggle{color:#1a0d24;background:#a020f014}.contact-form{text-align:left;flex-direction:column;gap:14px;width:100%;max-width:520px;margin:24px auto 8px;display:flex}.contact-field label{background:var(--grad-brand-90);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.85rem;font-weight:600}.contact-form input,.contact-form textarea{border-radius:var(--radius-md);width:100%;color:inherit;font:inherit;resize:vertical;background:#ffffff0d;border:1px solid #a020f059;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#fa6d60;outline:none;box-shadow:0 0 0 3px #fa6d6040}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.contact-error{color:#ff8a8a;font-size:.78rem}.contact-submit{cursor:pointer;color:#fff;background:var(--grad-brand-90);box-shadow:var(--shadow-3d);border:none;border-radius:999px;align-self:stretch;padding:12px 20px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.contact-submit:hover:not(:disabled){box-shadow:var(--shadow-3d-hover);transform:translateY(-2px)}.contact-pdf-btn{max-width:520px;color:inherit;background:0 0;border:1px solid #a020f073;justify-content:center;align-items:center;margin:8px auto 0;display:inline-flex}.contact-pdf-btn:hover{background:#a020f014}.contact-banner{border-radius:var(--radius-md);text-align:center;padding:10px 14px;font-size:.9rem}.contact-banner--success{color:#6ee07a;background:#4cd9641f;border:1px solid #4cd96466}.contact-banner--error{color:#ff9b9b;background:#ff6b6b1f;border:1px solid #ff6b6b66}@media (width<=480px){.contact-form{padding:0 8px}}.skills-container--flat .skill-tile:focus-visible{outline-offset:4px;border-radius:14px;outline:2px solid #a020f0}body.reduce-motion .skill-tile,body.reduce-motion .skill-tile .skill-icon,body.reduce-motion .skill-tile:hover,body.reduce-motion .skill-tile:hover .skill-icon,body.reduce-motion .skills-container--flat .skill-tile:hover,body.reduce-motion .skills-container--flat .skill-tile:hover .skill-icon{box-shadow:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.skill-tile,.skill-tile .skill-icon,.skill-tile:hover,.skill-tile:hover .skill-icon,.skills-container--flat .skill-tile:hover,.skills-container--flat .skill-tile:hover .skill-icon{box-shadow:none!important;transform:none!important}}.contact-status-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:.82rem;display:flex}.contact-status-pill{text-transform:uppercase;letter-spacing:.04em;color:#fff;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700}.contact-status-pill--pending{background:linear-gradient(90deg,#a020f0,#fa6d60)}.contact-status-pill--success{background:linear-gradient(90deg,#17b978,#3ddc97)}.contact-status-pill--error{background:linear-gradient(90deg,#e0245e,#fa6d60)}.contact-status-code,.contact-status-attempts{color:#ffffffd9;font-variant-numeric:tabular-nums;background:#ffffff0d;border:1px solid #a020f059;border-radius:999px;padding:3px 10px}.contact-banner--pending{background:#a020f01a;border:1px solid #a020f059}.contact-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute!important}.contact-live-region:empty{display:none}.contact-form input:focus,.contact-form textarea:focus,.contact-submit:focus,.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-submit:focus-visible{outline-offset:2px;outline:2px solid #fa6d60!important}.contact-status-pill--error{color:#fff}.portfolio-pdf-btn{cursor:pointer;color:#fff;background:0 0;border:1px solid #a020f08c;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 22px;font-size:.95rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.portfolio-pdf-btn:hover:not(:disabled){background:#a020f024;transform:translateY(-2px);box-shadow:0 10px 24px #a020f040}.portfolio-pdf-btn:focus-visible{outline-offset:2px;outline:2px solid #fa6d60}.portfolio-pdf-btn:disabled{opacity:.65;cursor:progress}@media (width<=640px){.portfolio-pdf-btn{width:100%}}body.reduce-motion .portfolio-pdf-btn{transition:none;transform:none}.skill-html{--skill-glow:#ff4500b3}.skill-js{--skill-glow:#ffd700b3}.skill-react{--skill-glow:#00d8ffb3}.skill-node{--skill-glow:#3cb371b3}.skill-tailwind{--skill-glow:#06b6d4b3}.skill-php{--skill-glow:#8993beb3}.skill-laravel{--skill-glow:#f9322cb3}.skill-bootstrap{--skill-glow:#7952b3b3}.skill-python{--skill-glow:#306998b3}.skill-nextjs{--skill-glow:#8e8e8eb3}.skill-dart{--skill-glow:#00b4abb3}.skill-flutter{--skill-glow:#13b9fdb3}.skill-firebase{--skill-glow:#ffca28b3}.skill-mysql{--skill-glow:#00758fb3}.skill-mongodb{--skill-glow:#4db33db3}.skill-postgresql{--skill-glow:#336791b3}.skill-github{--skill-glow:#6e5494b3}.skill-django{--skill-glow:#26ae01b3}.skill-angular{--skill-glow:#dd1b16b3}.skill-spring{--skill-glow:#77bc1fb3}.skill-css{--skill-glow:#1e90ffb3}.skill-git{--skill-glow:#f1502fb3}.skills-container--flat .skill-tile .skill-icon,.skills-section .skill-icon{border-radius:50%;padding:6px;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.skills-container--flat .skill-tile .skill-icon:before{content:"";background:radial-gradient(circle, var(--skill-glow,#a020f099) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:0;border-radius:50%;transition:opacity .35s,transform .35s;position:absolute;inset:-14%;transform:scale(.8)}.skills-container--flat .skill-tile:hover .skill-icon:before,.skills-container--flat .skill-tile:focus-visible .skill-icon:before{opacity:.55;transform:scale(1)}.skills-container--flat .skill-tile .skill-icon img{z-index:1;transition:transform .35s,filter .35s;position:relative}.skills-container--flat .skill-tile:hover .skill-icon img,.skills-container--flat .skill-tile:focus-visible .skill-icon img{filter:drop-shadow(0 0 6px var(--skill-glow,#a020f099)) drop-shadow(0 0 14px var(--skill-glow,#a020f099))}.skills-container--flat .skill-tile:hover .skill-icon{transform:scale(1.06);background:0 0!important}body.reduce-motion .skill-tile .skill-icon:before,body.reduce-motion .skill-tile:hover .skill-icon:before{opacity:0!important;transform:none!important}body.reduce-motion .skill-tile:hover .skill-icon img{filter:none!important}@media (prefers-reduced-motion:reduce){.skill-tile .skill-icon:before{transition:none}}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--container:1200px;--container-narrow:720px;--gutter:clamp(16px, 4vw, 32px);--section-y:clamp(56px, 8vw, 104px);--fs-display:clamp(1.8rem, 4.4vw, 2.75rem);--fs-h2:clamp(1.5rem, 2.9vw, 2.05rem);--fs-h3:clamp(1rem, 1.35vw, 1.15rem);--fs-body:clamp(.9rem, .9vw, 1rem);--fs-small:.84rem;--fs-tiny:.75rem;--lh-tight:1.15;--lh-heading:1.25;--lh-body:1.65;--dur-fast:.14s;--dur:.2s;--ease:cubic-bezier(.22, .61, .36, 1);--control-h:44px;--control-h-sm:36px}html,body{overflow-x:hidden}.app,.main,section,img,svg,video{max-width:100%}.hero,.about-section,.skills-section,.projects-section,.certificates-section,.contact-section{width:100%;max-width:var(--container);padding-inline:var(--gutter);padding-block:var(--section-y);margin-inline:auto;scroll-margin-top:88px}.about-title,.skills-title,.project-title,.contact-title,.certificates-section>h2{line-height:var(--lh-heading);letter-spacing:-.015em;text-align:center;margin:0 auto var(--sp-3);text-wrap:balance;font-weight:700;font-size:var(--fs-h2)!important}.cert-subtitle,.contact-lead{font-size:var(--fs-body);line-height:var(--lh-body);color:#ffffffb8;text-align:center;max-width:56ch;margin:0 auto var(--sp-10);text-wrap:pretty}.skills-title,.project-title,.about-title,.contact-title{margin-bottom:var(--sp-10)}.description,.project-desc,.about-text p{font-size:var(--fs-body);line-height:var(--lh-body);color:#fffc}.name{font-size:var(--fs-h3);letter-spacing:-.01em}.about-text{max-width:60ch}.resume-btn,.portfolio-pdf-btn,.demo-btn,.repo-btn,.contact-submit,.tab,.stack-filters button,.tech-chip,.tech-chip-more{transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-family:inherit}.resume-btn,.portfolio-pdf-btn,.demo-btn,.repo-btn,.contact-submit{min-height:var(--control-h);padding-inline:var(--sp-5);font-size:var(--fs-small);letter-spacing:.01em;justify-content:center;align-items:center;gap:var(--sp-2);font-weight:600;display:inline-flex}.tab{min-height:var(--control-h);font-size:var(--fs-small);align-items:center;font-weight:600;display:inline-flex;padding:0 var(--sp-5)!important}.stack-filters button{min-height:var(--control-h-sm);padding:0 var(--sp-3);font-size:var(--fs-tiny);align-items:center;font-weight:500;display:inline-flex}.tech-chip,.tech-chip-more{font-size:var(--fs-tiny);padding:6px 10px;font-weight:500;line-height:1}.resume-btn:hover,.portfolio-pdf-btn:hover,.demo-btn:hover,.repo-btn:hover,.contact-submit:hover:not(:disabled){transform:translateY(-2px)}.resume-btn:active,.portfolio-pdf-btn:active,.demo-btn:active,.repo-btn:active,.contact-submit:active:not(:disabled){transform:translateY(0)scale(.985)}.contact-submit:disabled{opacity:.6;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:3px;border-radius:var(--radius-sm,10px);outline:2px solid #fa6d60}.navbar-inner{max-width:var(--container);padding-inline:var(--gutter)}.nav-links{gap:clamp(14px,2vw,28px)}.nav-link{font-size:var(--fs-small);transition:color var(--dur) var(--ease), opacity var(--dur) var(--ease);padding:8px 2px;font-weight:500}.menu-toggle{min-width:var(--control-h);min-height:var(--control-h)}.hero-text h1,.hero-text>h1{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:-.02em;text-wrap:balance}.hero-specialization{font-size:var(--fs-small);padding:8px 14px;line-height:1.3}.button-social-container{gap:var(--sp-4);flex-wrap:wrap;align-items:center}.social-icons,.social-icons1{gap:var(--sp-3)}.icon-circle,.grad-icon-btn{width:var(--control-h);height:var(--control-h);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);justify-content:center;align-items:center;display:inline-flex}.icon-circle:hover,.grad-icon-btn:hover{transform:translateY(-2px)scale(1.04)}.skills-container--flat{justify-items:center;max-width:960px;margin-inline:auto;gap:clamp(18px,2.4vw,28px) clamp(12px,2vw,24px)!important}.skills-container--flat .skill-tile{padding:var(--sp-2) var(--sp-1);gap:var(--sp-2)}.skills-container--flat .skill-tile .skill-icon{width:clamp(46px,6vw,60px)!important;height:clamp(46px,6vw,60px)!important}.skill-name{text-align:center;filter:saturate(1.05)brightness(1.35);font-weight:600;line-height:1.3;font-size:var(--fs-tiny)!important}@media (width<=768px){.skills-container,.skills-container--flat{grid-template-columns:repeat(3,1fr)!important;gap:20px 10px!important}}@media (width<=380px){.skills-container,.skills-container--flat{grid-template-columns:repeat(2,1fr)!important}}.project-tabs{gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;justify-content:center}.stack-filters{gap:var(--sp-2);margin-bottom:var(--sp-8);justify-content:center;max-width:820px;margin-inline:auto}.projects-grid{align-items:stretch;gap:clamp(20px,2.4vw,28px)}.project-card{padding:0 0 var(--sp-5);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-image-wrap{border-radius:0;margin:0}.project-desc{margin:var(--sp-4) 0 var(--sp-4);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-tech-chips{gap:var(--sp-2);margin-bottom:var(--sp-4)}.project-links{gap:var(--sp-3);justify-content:flex-start;margin-top:auto}.scroll-hint-dots{gap:var(--sp-2);margin-top:var(--sp-5)}.scroll-hint-dots button{justify-content:center;align-items:center;min-width:24px;min-height:24px;display:inline-flex}.cert-grid{max-width:var(--container);gap:clamp(20px,2.4vw,28px);margin-inline:auto}.cert-card{transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;display:flex}.cert-card:hover{transform:translateY(-4px)}.cert-info{padding:var(--sp-4) var(--sp-5) var(--sp-5);flex-direction:column;gap:6px;display:flex}.cert-title{font-size:var(--fs-small);margin:0;font-weight:650;line-height:1.35}.cert-issuer{font-size:var(--fs-tiny);color:#ffffffb8;margin:0}.cert-date{font-size:var(--fs-tiny);color:#ffffff8c;margin:0}.contact-form{gap:var(--sp-5);flex-direction:column;max-width:560px;margin-inline:auto;display:flex;padding:clamp(20px,3vw,32px)!important}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field label{font-size:var(--fs-tiny);letter-spacing:.02em;font-weight:600}.contact-form input,.contact-form textarea{min-height:48px;font-size:var(--fs-body);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease);padding:12px 14px;font-family:inherit;line-height:1.5}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff73}.contact-submit{width:100%;margin-top:var(--sp-1)}.contact-error{font-size:var(--fs-tiny)}.contact-banner{font-size:var(--fs-small);border-radius:var(--radius-md,14px);padding:12px 14px;line-height:1.5}.contact-section .social-icons,.contact-section .social-icons1{margin-top:var(--sp-8);justify-content:center}.footer{max-width:var(--container);padding:var(--sp-8) var(--gutter);gap:var(--sp-4);font-size:var(--fs-small);margin-inline:auto}.footer-nav{gap:var(--sp-5);flex-wrap:wrap}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.contact-honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none;border:0;margin:-1px;padding:0;overflow:hidden;width:1px!important;height:1px!important;position:absolute!important;left:auto!important}.project-card{padding:var(--sp-4) 0 var(--sp-5)!important}.project-image-wrap{overflow:hidden;margin:0 var(--sp-4)!important;border-radius:var(--radius-md,14px)!important}.project-card>:not(.project-image-wrap){padding-inline:var(--sp-4)}.hero{padding-block:clamp(72px,10vh,116px) clamp(24px,4vw,48px)!important}.menu-toggle svg,.bottom-sheet-close svg,.sheet-icon svg{flex:none;overflow:visible}.menu-toggle{width:var(--control-h);height:var(--control-h);justify-content:center;align-items:center;display:none;padding:0!important}@media (width<=768px){.menu-toggle{display:inline-flex!important}}.menu-toggle svg,.bottom-sheet-close svg,.bottom-sheet-list svg,.sheet-icon svg{stroke:#d66ae0!important}.bottom-sheet-close svg{stroke:#fa6d60!important}.hero-specialization{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;display:inline-flex}@media (width<=480px){.hero-specialization{font-size:var(--fs-tiny);padding:10px 12px}}.hero-specialization{width:fit-content;margin-inline:auto;line-height:1.5;display:block!important}.hero-specialization>*{display:inline}.hero-specialization .spec-dot{vertical-align:middle;margin-right:8px;display:inline-block}.contact-form{border:1px solid #ffffff14!important;box-shadow:0 18px 40px -24px #000c,0 0 0 1px #ffffff0f!important}.contact-field label{-webkit-text-fill-color:currentColor;color:#ffffffdb!important}.navbar-actions{align-items:center;gap:var(--sp-2,8px);display:flex}.lang-switcher{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:2px;padding:4px 6px;display:inline-flex}.lang-switcher-icon{color:#d66ae0;flex:none;margin-inline-end:2px}.lang-btn{color:#ffffffb8;letter-spacing:.02em;cursor:pointer;min-width:32px;height:28px;transition:color var(--dur,.2s) var(--ease,ease), background var(--dur,.2s) var(--ease,ease);background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:.78rem;font-weight:700}.lang-btn:hover{color:#fff;background:#ffffff14}.lang-btn.active{color:#fff;background:linear-gradient(135deg,#a020f0,#fa6d60);box-shadow:0 4px 14px -6px #a020f0cc}.lang-switcher--sheet{justify-content:center;width:100%;padding:8px}.lang-switcher--sheet .lang-btn{min-width:44px;height:36px;font-size:.85rem}.bottom-sheet-lang{padding:var(--sp-2,8px) var(--sp-4,16px) var(--sp-4,16px);margin-top:var(--sp-2,8px);border-top:1px solid #ffffff14}@media (width<=640px){.lang-switcher--navbar{padding:3px 5px}.lang-switcher--navbar .lang-btn{min-width:28px;height:26px;padding:0 6px;font-size:.72rem}}body.rtl{text-align:right;direction:rtl}body.rtl[data-lang=ar]{letter-spacing:0}body.rtl .hero-text,body.rtl .about-text,body.rtl .project-desc,body.rtl .cert-info{text-align:right}body.rtl .hero-specialization,body.rtl .skills-title,body.rtl .project-title,body.rtl .cert-title,body.rtl .cert-subtitle,body.rtl .contact-title,body.rtl .contact-lead,body.rtl .about-title{text-align:center}body.rtl .btn-icon{transform:scaleX(-1)}.btn-icon{margin-inline-start:8px}body.rtl .hero-specialization .spec-dot{margin-left:8px;margin-right:0}body.rtl .footer-nav,body.rtl .nav-links ul,body.rtl .skills-list,body.rtl .project-tabs,body.rtl .stack-filters,body.rtl .project-links,body.rtl .social-icons,body.rtl .social-icons1{flex-direction:row-reverse}body.rtl .bottom-sheet-list a{text-align:right;flex-direction:row-reverse}body.rtl .bottom-sheet-header{flex-direction:row-reverse}body.rtl .contact-field label,body.rtl .contact-field input,body.rtl .contact-field textarea{text-align:right}body.rtl .contact-field input[type=email]{text-align:left;direction:ltr}body.rtl .contact-status-meta{flex-direction:row-reverse}body.rtl .projects-grid{direction:rtl}body.rtl .scroll-hint-dots{flex-direction:row-reverse}body.rtl .tech-chip,body.rtl .skill-name,body.rtl .logo,body.rtl .contact-status-code{direction:ltr;unicode-bidi:isolate}.navbar-inner{grid-template-columns:auto 1fr auto;align-items:center;column-gap:clamp(16px,3vw,40px);min-height:72px;display:grid!important}.logo-link{align-items:center;display:inline-flex}.logo{white-space:nowrap;letter-spacing:-.01em;line-height:1.1;display:inline-block;text-shadow:0 0 18px #a020f059!important;font-size:clamp(1.25rem,2.2vw,1.6rem)!important;transform:none!important}.nav-links{justify-self:center}.nav-links ul{align-items:center;gap:clamp(6px,1.4vw,22px)!important}.nav-link{color:#ffffffbd;border-radius:10px;text-shadow:none!important;filter:none!important;padding:8px 10px!important;transform:none!important}.nav-link:hover,.nav-link:focus-visible{color:#fff;-webkit-text-fill-color:currentColor;background:#ffffff0f}.nav-link:after{height:2px;bottom:2px}.nav-link:hover:after{width:44%}.navbar-actions{justify-self:end;gap:var(--sp-2,8px)}.navbar{border-bottom:1px solid #0000}.navbar.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:#ffffff12;background:#0e0616d1!important}@media (width<=900px){.nav-links{display:none!important}.menu-toggle{display:inline-flex!important}.navbar-inner{grid-template-columns:1fr auto;min-height:64px}}.menu-toggle{color:#e7a8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px}.menu-toggle svg{stroke:currentColor!important}.menu-toggle:hover{background:#ffffff17}.lang-select{position:relative}.lang-trigger{color:#ffffffd1;height:38px;font:inherit;letter-spacing:.04em;cursor:pointer;transition:background var(--dur,.2s) var(--ease,ease), border-color var(--dur,.2s) var(--ease,ease), color var(--dur,.2s) var(--ease,ease);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.8rem;font-weight:600;display:inline-flex}.lang-trigger:hover,.lang-trigger[aria-expanded=true]{color:#fff;background:#ffffff17;border-color:#d66ae08c}.lang-trigger svg{color:#d66ae0}.lang-trigger-code{text-transform:uppercase}.lang-menu{top:calc(100% + 8px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1200;background:#140a1ef5;border:1px solid #ffffff1a;border-radius:14px;min-width:168px;margin:0;padding:6px;list-style:none;position:absolute;inset-inline-end:0;box-shadow:0 20px 40px -22px #000000e6}.lang-option{color:#ffffffc7;width:100%;height:38px;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:.86rem;display:flex}.lang-option:hover{color:#fff;background:#ffffff12}.lang-option.active{color:#fff}.lang-option.active svg{color:#fa6d60}.lang-segment{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.lang-segment-btn{color:#ffffffbf;height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:.85rem;font-weight:600}.lang-segment-btn.active{color:#fff;background:linear-gradient(135deg,#a020f0,#fa6d60)}.hero{min-height:min(88vh,820px);align-items:center!important;gap:clamp(28px,5vw,72px)!important;padding-block:clamp(56px,8vh,96px) clamp(40px,7vh,88px)!important}.hero-text{flex-direction:column;flex:480px;align-items:flex-start;gap:clamp(14px,1.8vw,20px);display:flex;min-width:0!important}.hero-text h1,.hero-text h2,.hero-text p{margin:0!important}.hero-text h2{letter-spacing:-.015em;line-height:1.15}.hero-text>p:not(.hero-specialization){max-width:46ch}.hero .hero-specialization{margin-inline:0!important}.button-social-container{margin-top:clamp(6px,1vw,12px)!important}.profile-image-container{flex:0 clamp(280px,34vw,420px)}@media (width<=900px){.hero{text-align:center;flex-direction:column;min-height:0;padding-block:clamp(40px,6vh,64px) clamp(32px,5vh,56px)!important}.hero-text{text-align:center;flex-basis:auto;align-items:center}.hero-text>p:not(.hero-specialization){max-width:52ch}.hero .hero-specialization{margin-inline:auto!important}.button-social-container{justify-content:center}.profile-image-container{flex-basis:auto;order:2}}@media (width<=640px){.button-social-container{flex-direction:column;align-items:stretch;width:100%}.button-social-container .resume-btn,.button-social-container .portfolio-pdf-btn{width:100%}.button-social-container .social-icons{justify-content:center}}.skills-container--flat{flex-wrap:wrap;justify-content:center;max-width:940px;gap:clamp(20px,2.4vw,30px) clamp(14px,2vw,26px)!important;display:flex!important}.skills-container--flat .skill-tile{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;width:clamp(86px,10vw,116px);display:flex}.skills-container--flat .skill-tile .skill-name{min-height:2.2em}.about-section,.skills-section,.projects-section,.certificates-section,.contact-section{padding-block:clamp(56px,9vh,104px)!important}.about-section{padding-top:clamp(40px,6vh,72px)!important}.footer-left .logo{transform:none!important}.projects-carousel{align-items:center;gap:clamp(8px,1.5vw,20px)}.arrow-btn{color:#e7a8f0;width:44px;height:44px;transition:background var(--dur,.2s) var(--ease,ease), border-color var(--dur,.2s) var(--ease,ease), color var(--dur,.2s) var(--ease,ease);flex:none;box-shadow:none!important;background:#ffffff0d!important;border:1px solid #ffffff24!important;border-radius:999px!important;padding:0!important;transform:none!important}.arrow-btn svg{width:16px;height:16px;display:block}.arrow-btn:hover:not(.disabled){color:#fff;background:linear-gradient(135deg,#a020f0,#fa6d60)!important;border-color:#0000!important;transform:none!important;box-shadow:0 10px 24px -14px #a020f0e6!important}.arrow-btn.disabled{opacity:.35;border-color:#ffffff1a!important}@media (width<=900px){.hero .profile-image-container{width:min(64vw,340px);margin-inline:auto}}#skills,#projects,#certificates,#contact,#about{padding-block:clamp(56px,7vw,96px)}.skills-container--flat{margin-bottom:0}.projects-carousel{margin-bottom:clamp(8px,1.5vw,16px)}.skills-list{gap:14px;margin:0;padding:0;list-style:none}.skill-badge{cursor:default;background:0 0;border:0;border-radius:0;gap:10px;width:fit-content;max-width:100%;padding:0;font-size:clamp(.95rem,2.2vw,1.05rem);font-weight:600}.skill-badge:hover{box-shadow:none;transform:none}.skill-badge .skill-text{color:#ffffffd1;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.skill-badge img{opacity:.9;flex:none;width:20px;height:20px}body.rtl .skill-badge{margin-inline-start:0}.experience-section{padding-block:var(--section-y,clamp(56px, 7vw, 96px));max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,5vw,80px)}.exp-title{color:#fff;text-align:center;margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.exp-subtitle{text-align:center;color:#ffffffa8;max-width:62ch;margin:0 auto clamp(28px,4vw,48px);font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.6}.exp-timeline{flex-direction:column;gap:clamp(18px,2.4vw,26px);margin:0;padding:0;list-style:none;display:flex;position:relative}.exp-timeline:before{content:"";opacity:.5;background:linear-gradient(#a020f0,#fa6d60);border-radius:2px;width:2px;position:absolute;inset-block:6px;inset-inline-start:7px}.exp-item{padding-inline-start:34px;position:relative}.exp-marker{inset-inline-start:0;background:var(--grad-brand-135,linear-gradient(135deg, #a020f0, #fa6d60));border-radius:50%;width:16px;height:16px;position:absolute;top:14px;box-shadow:0 0 0 4px #a020f024}.exp-item--current .exp-marker{box-shadow:0 0 0 5px #fa6d6038}.exp-card{border-radius:var(--radius-lg,18px);background:#ffffff09;border:1px solid #ffffff17;padding:clamp(16px,2.2vw,24px);transition:border-color .25s,background .25s}.exp-card:hover{background:#ffffff0d;border-color:#a020f073}.exp-item--current .exp-card{border-color:#fa6d6059}.exp-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 20px;margin-bottom:10px;display:flex}.exp-role{color:#fff;margin:0;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700;line-height:1.35}.exp-company{background:var(--grad-brand-90,linear-gradient(90deg, #a020f0, #fa6d60));color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:.98rem;font-weight:600}.exp-head-meta{text-align:end;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.exp-current-badge{letter-spacing:.02em;text-transform:uppercase;color:#fff;background:var(--grad-brand-90,linear-gradient(90deg, #a020f0, #fa6d60));border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.exp-period{color:#ffffffd9;font-size:.9rem;font-weight:600}.exp-place{color:#ffffff8c;font-size:.82rem}.exp-context{color:#ffffffb8;border-inline-start:2px solid #a020f080;margin:0 0 12px;padding-inline-start:12px;font-size:.9rem}.exp-bullets{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.exp-bullets li{color:#ffffffc7;padding-inline-start:18px;font-size:.94rem;line-height:1.6;position:relative}.exp-bullets li:before{content:"";inset-inline-start:0;background:var(--grad-brand-135,linear-gradient(135deg, #a020f0, #fa6d60));border-radius:50%;width:7px;height:7px;position:absolute;top:.62em}.exp-stack{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.exp-stack-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;font-size:.75rem}.exp-stack-chips{flex-wrap:wrap;gap:8px;display:flex}.exp-chip{color:#ffffffe0;white-space:nowrap;background:#a020f01f;border:1px solid #a020f052;border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:600}.exp-chip--soft{color:#ffffffb8;background:#ffffff0a;border-color:#ffffff24}@media (width<=640px){.exp-head-meta{text-align:start;align-items:flex-start}.exp-card-head{flex-direction:column}}.arch-section{padding-block:var(--section-y,clamp(56px, 7vw, 96px));max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,5vw,80px)}.arch-title{color:#fff;text-align:center;margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.arch-subtitle{text-align:center;color:#ffffffa8;max-width:60ch;margin:0 auto clamp(28px,4vw,48px);line-height:1.6}.arch-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(18px,2.6vw,32px);display:grid}.arch-diagram{border-radius:var(--radius-lg,18px);background:#ffffff09;border:1px solid #ffffff17;flex-direction:column;align-items:center;margin:0;padding:clamp(16px,2.2vw,24px);display:flex}.arch-diagram-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;text-align:center;margin-bottom:16px;font-size:.78rem}.arch-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.arch-node{text-align:center;color:#ffffffdb;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex:1 1 0;min-width:0;padding:10px 12px;font-size:.82rem;font-weight:600}.arch-row--single .arch-node{flex:0 auto;min-width:160px}.arch-node--gateway{color:#fff;background:var(--grad-brand-90,linear-gradient(90deg, #a020f0, #fa6d60));border-color:#0000}.arch-node--client{border-color:#a020f066}.arch-node--side{flex:0 auto;min-width:120px;font-size:.76rem}.arch-node--db{border-color:#fa6d6061}.arch-node--bus{color:#ffffffb3;border-style:dashed;border-color:#ffffff38}.arch-connector{background:linear-gradient(#a020f0cc,#fa6d60cc);border-radius:2px;width:2px;height:18px;margin-block:6px}.arch-details{border-radius:var(--radius-lg,18px);background:#ffffff09;border:1px solid #ffffff17;padding:clamp(16px,2.2vw,24px)}.arch-sub-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin:0 0 12px;font-size:.78rem;font-weight:700}.arch-sub-title+*{margin-bottom:22px}.arch-caps{gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.arch-caps li{color:#ffffffc7;padding-inline-start:18px;font-size:.92rem;line-height:1.55;position:relative}.arch-caps li:before{content:"";inset-inline-start:0;background:var(--grad-brand-135,linear-gradient(135deg, #a020f0, #fa6d60));border-radius:50%;width:7px;height:7px;position:absolute;top:.6em}.arch-chips{flex-wrap:wrap;gap:8px;display:flex}@media (width<=900px){.arch-grid{grid-template-columns:1fr}}.hero-credential{color:#ffffffc7;margin:6px 0 10px;font-size:clamp(.92rem,1.7vw,1.02rem);font-weight:600}.hero-current{color:#ffffffdb;background:#a020f01a;border:1px solid #a020f04d;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:6px 14px;font-size:clamp(.85rem,1.6vw,.95rem);display:inline-flex}.hero-current strong{color:#fff;font-weight:700}.hero-current-dot{background:var(--grad-brand-135,linear-gradient(135deg, #a020f0, #fa6d60));border-radius:50%;flex:none;width:8px;height:8px}.services-section{text-align:center;max-width:1200px;margin-inline:auto;padding-block:clamp(56px,8vw,96px);padding-inline:clamp(16px,5vw,48px)}.services-title{color:#fff;margin:0 0 8px;font-size:clamp(1.6rem,3.2vw,2.3rem)}.services-subtitle{color:#ffffffb8;max-width:52ch;margin:0 auto 28px;font-size:.98rem}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.service-card{text-align:start;border-radius:var(--radius-lg,18px);background:#ffffff0a;border:1px solid #ffffff17;padding:20px}.service-icon{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:inline-flex;overflow:hidden}.service-icon img{width:40px;height:40px;transform:scale(2.3)}.service-name{color:#fff;margin:0 0 6px;font-size:1.02rem}.service-desc{color:#ffffffb3;margin:0;font-size:.9rem;line-height:1.55}.services-cta{color:#fff;background:var(--grad-brand-135,linear-gradient(135deg, #a020f0, #fa6d60));border-radius:999px;margin-top:26px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.services-cta:hover{filter:brightness(1.08)}.arch-section--compact{text-align:center}.arch-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto 22px;display:flex}.arch-flow-arrow{background:var(--grad-brand-135,linear-gradient(135deg, #a020f0, #fa6d60));border-radius:2px;width:22px;height:2px}.arch-caps--inline{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:18px;display:flex}.arch-section--compact .arch-chips{justify-content:center}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.services-grid{grid-template-columns:1fr}}.hero-tagline{color:#ffffffc7;max-width:46ch;font-size:clamp(1rem,.4vw + .95rem,1.08rem);line-height:1.65}.services-section--minimal .services-list{text-align:start;gap:0;max-width:760px;margin:32px auto 28px;padding:0;list-style:none;display:grid}.services-section--minimal .service-row{border-top:1px solid #ffffff14;align-items:flex-start;gap:16px;padding:20px 4px;display:flex}.services-section--minimal .service-row:last-child{border-bottom:1px solid #ffffff14}.services-section--minimal .service-row-text{gap:4px;display:grid}.services-section--minimal .service-name{margin:0;font-size:1.02rem;font-weight:700}.services-section--minimal .service-desc{color:#ffffff9e;margin:0;font-size:.92rem;line-height:1.55}.experience-section--compact .exp-timeline--compact{gap:14px}.experience-section--compact .exp-card--compact{padding:18px 20px}.experience-section--compact .exp-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;margin-bottom:8px;display:flex}.experience-section--compact .exp-role{margin:0;font-size:1rem}.experience-section--compact .exp-company{margin:2px 0 0;font-size:.88rem}.experience-section--compact .exp-summary{color:#ffffffad;margin:0;font-size:.92rem;line-height:1.6}.about-section--v2 .about-content{text-align:start;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,64px);max-width:1120px;margin:0 auto;display:grid}.about-section--v2 .about-text{text-align:start;max-width:56ch}.about-section--v2 .description{margin-bottom:24px}.about-section--v2 .about-offers{gap:12px;margin:0 0 26px;padding:0;list-style:none;display:grid}.about-section--v2 .about-offer{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:flex-start;gap:14px;padding:12px 14px;transition:border-color .25s,background .25s;display:flex}.about-section--v2 .about-offer-icon{background:linear-gradient(145deg,#a020f029,#fa6d6029);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.about-section--v2 .about-offer-icon img{width:22px;height:22px;transform:scale(2.3)}.about-section--v2 .about-offer-text{gap:3px;display:grid}.about-section--v2 .about-offer-text strong{color:#fff;font-size:1rem;font-weight:700}.about-section--v2 .about-offer-text span{color:#f3e8ffb8;font-size:.9rem;line-height:1.5}.about-section--v2 .about-cta{color:#fff;background:linear-gradient(90deg,#a020f0 27%,#fa6d60 100%);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:filter .25s,transform .25s;display:inline-flex}.about-section--v2 .about-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}@media (width<=900px){.about-section--v2 .about-content{grid-template-columns:1fr;justify-items:center}.about-section--v2 .about-text{text-align:center}.about-section--v2 .about-offer{text-align:start}.about-section--v2 .about-offers{width:100%;max-width:480px}}body.rtl .about-section--v2 .about-content{direction:rtl}.about-section--v2 .about-title{color:#fff}.about-section--v2 .about-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,80px)}.about-section--v2 .profile-image-container{justify-self:center}.about-section--v2 .image-wrapper{aspect-ratio:1;border-radius:50%;width:clamp(220px,30vw,360px);overflow:hidden;box-shadow:0 0 0 6px #a020f02e,0 0 70px 18px #a020f073}.about-section--v2 .image-wrapper .profile-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.about-section--v2 .name{background:linear-gradient(90deg,#c13bff,#a020f0);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:800}.about-section--v2 .description{color:#ffffffd1;margin-bottom:26px}.about-section--v2 .about-offers{gap:16px;margin:0 0 26px}.about-section--v2 .about-offer{box-shadow:none;background:linear-gradient(#12061aeb,#12061aeb) padding-box padding-box,linear-gradient(90deg,#a020f0,#fa6d60) border-box;border:1px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:16px 20px}.about-section--v2 .about-offer:hover{background:linear-gradient(#1c0a28f2,#1c0a28f2) padding-box padding-box,linear-gradient(90deg,#a020f0,#fa6d60) border-box;border-color:#0000}.about-section--v2 .about-offer-icon{background:0 0;border-radius:8px;width:34px;height:34px}.about-section--v2 .about-offer-text{background:linear-gradient(90deg,#c13bff,#a020f0);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(.95rem,1.2vw,1.05rem);font-weight:500;display:block}.navbar .logo{letter-spacing:-.01em;font-size:1.02rem}.nav-links ul{gap:clamp(14px,2vw,26px)}.nav-links .nav-link{letter-spacing:.005em;font-size:.9rem;font-weight:500}.navbar-actions{gap:10px}.about-section--v2 .about-offer-icon{color:#c13bff;overflow:visible}.about-section--v2 .about-offer-icon svg{width:22px;height:22px}.projects-grid{scrollbar-width:none;-ms-overflow-style:none}.projects-grid::-webkit-scrollbar{height:0!important;display:none!important}.projects-carousel,.projects-section,.about-section,.skills-section{max-width:100%;overflow-x:clip}img,svg,video{max-width:100%}@media (width<=900px){.navbar-inner{column-gap:12px;min-height:68px;padding-inline:clamp(16px,5vw,24px)}.navbar-actions{align-items:center;gap:10px;display:inline-flex}.menu-toggle{border-radius:14px;min-width:44px;min-height:44px;width:44px!important;height:44px!important}.logo{font-size:1.15rem!important}}.bottom-sheet-list a{align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:flex}.bottom-sheet-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;border-radius:10px;outline:2px solid #e9a6ff}.nav-link{color:#ffffffdb!important}.about-section--v2 .description{color:#ffffffe6}.project-desc,.exp-summary,.contact-hint{color:#ffffffd1}.section,.projects-section,.skills-section,.experience-section,.certificates-section{content-visibility:auto;contain-intrinsic-size:900px}.about-section--v2 .about-offer-icon{flex:none;place-items:center;width:34px;height:34px;display:inline-grid;overflow:hidden}.about-section--v2 .about-offer-icon img{opacity:1;width:34px;height:34px;transform:scale(2.4)}.about-section--v2 .image-wrapper{border-radius:50%;flex:none;width:clamp(230px,30vw,340px);height:auto;aspect-ratio:1!important}@media (width<=900px){.about-section--v2 .about-content{justify-items:center;grid-template-columns:minmax(0,1fr)!important}.about-section--v2 .profile-image-container{order:-1}.about-section--v2 .about-text{text-align:center}.about-section--v2 .about-offers{width:100%;max-width:420px}.about-section--v2 .about-offer{text-align:start}}.about-section--v2 .profile-image-container{flex:none;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;box-shadow:none!important;background:0 0!important}.about-section--v2 .profile-image-container:before,.about-section--v2 .image-wrapper:before{display:none!important}@media (width<=900px){.about-section--v2 .about-offers,.about-section--v2 .about-cta{margin-inline:auto}}.education-section{padding:var(--section-py,4rem) var(--section-px,1.25rem);max-width:1100px;margin-inline:auto}.edu-title{text-align:center;color:#fff;margin-bottom:1.75rem;font-size:clamp(1.35rem,3vw,1.9rem);font-weight:800}.edu-grid{grid-template-columns:1.15fr 1fr;gap:1rem;display:grid}@media (width<=760px){.edu-grid{grid-template-columns:1fr}}.edu-list,.edu-langs ul{margin:0;padding:0;list-style:none}.edu-item,.edu-langs{border-radius:var(--radius-card,16px);background:#ffffff09;border:1px solid #ffffff14;padding:1rem 1.15rem;position:relative}.edu-item+.edu-item{margin-top:.75rem}.edu-degree{color:#fff;margin:0 0 .25rem;font-size:1rem;font-weight:700}.edu-meta{color:#ffffff9e;margin:0;font-size:.88rem}.edu-langs-title{color:#fff;margin:0 0 .6rem;font-size:1rem;font-weight:700}.edu-langs li{color:#ffffffb8;padding:.2rem 0;font-size:.9rem}.edu-location{color:#ffffff80;margin:.75rem 0 0;font-size:.82rem}.project-image-placeholder{background:linear-gradient(135deg,#a020f038,#fa6d6038);place-items:center;display:grid}.project-image-placeholder span{letter-spacing:.02em;color:#ffffffd9;font-size:1.05rem;font-weight:800}