:root{--max-width: 1400px}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}.container{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}@media (min-width: 768px){.container{padding-left:3rem;padding-right:3rem}}@media (min-width: 1024px){.container{padding-left:4rem;padding-right:4rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#38bdf8;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0ea5e9}.modal{transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden}.modal.active{opacity:1;visibility:visible}.max-w-4xl{max-width:64rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-slideDown{animation:slideDown .4s ease-out}.animate-slideUp{animation:slideUp .6s ease-out}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-scaleIn{animation:scaleIn .3s ease-out}.delay-1000{animation-delay:1s}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{text-shadow:0 0 5px rgba(56,189,248,.3)}50%{text-shadow:0 0 20px rgba(56,189,248,.6)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #38bdf866}50%{box-shadow:0 0 0 10px #38bdf800}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-shimmer{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(56,189,248,.2),transparent);background-size:1000px 100%}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-gradient-shift{animation:gradient-shift 6s ease infinite;background-size:200% 200%}@keyframes aurora-float{0%{transform:translate3d(-10%,-10%,0) rotate(0);opacity:.35}50%{transform:translate3d(10%,5%,0) rotate(12deg);opacity:.6}to{transform:translate3d(-8%,-6%,0) rotate(0);opacity:.4}}@keyframes particle-drift{0%{transform:translateZ(0) scale(.8);opacity:.2}50%{transform:translate3d(10px,-30px,0) scale(1);opacity:.8}to{transform:translate3d(-10px,10px,0) scale(.9);opacity:.3}}@keyframes meteor{0%{transform:translateZ(0) scaleX(.5);opacity:0}10%{opacity:1}to{transform:translate3d(420px,240px,0) scaleX(1.1);opacity:0}}@keyframes orbit-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes objective-glow{0%{box-shadow:0 0 #38bdf833}50%{box-shadow:0 0 30px #38bdf82e}to{box-shadow:0 0 #38bdf833}}@keyframes tech-float{0%{transform:translateZ(0) rotate(0) scale(1);opacity:.08}25%{transform:translate3d(-30px,-40px,0) rotate(90deg) scale(1.2);opacity:.15}50%{transform:translate3d(40px,-20px,0) rotate(180deg) scale(.9);opacity:.2}75%{transform:translate3d(-20px,30px,0) rotate(270deg) scale(1.1);opacity:.12}to{transform:translateZ(0) rotate(360deg) scale(1);opacity:.08}}.tech-float-icon{animation:tech-float 20s ease-in-out infinite;pointer-events:none;will-change:transform}.tech-float-icon i{filter:blur(1px);transition:all .3s ease}.section-title{display:block;position:relative;padding-bottom:.75rem}.section-title:after{content:"";position:absolute;left:0;bottom:.25rem;height:4px;width:0%;background:linear-gradient(90deg,#38bdf8,#60a5fa);border-radius:4px;transition:width .7s cubic-bezier(.2,.9,.2,1)}.section-title.animate-slideUp:after,.section-title:hover:after{width:100%}.cta-button{box-shadow:0 8px 30px #02061799;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;transform:translateZ(0)}.cta-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 40%,transparent 80%);transform:translate(-120%) skew(-12deg);transition:transform .7s ease;opacity:.7;pointer-events:none}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px #38bdf859}.cta-button:hover:before{transform:translate(120%) skew(-12deg)}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-portrait{transition:transform .6s ease,box-shadow .6s ease}.hero-portrait:hover{transform:translateY(-6px) rotate(-.8deg);box-shadow:0 18px 40px #38bdf840}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:linear-gradient(90deg,#38bdf8,#60a5fa);transition:width .35s ease}.nav-link:hover:after{width:100%}.nav-link:hover{text-shadow:0 0 12px rgba(56,189,248,.35)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 10%,rgba(14,165,233,.03),transparent 15%),radial-gradient(circle at 90% 80%,rgba(56,189,248,.02),transparent 18%)}.aurora{position:absolute;top:-20%;right:0;bottom:0;left:0;pointer-events:none;filter:blur(60px);opacity:.6;mix-blend-mode:screen;animation:aurora-float 12s ease-in-out infinite}.aurora-1{background:radial-gradient(circle at 20% 30%,rgba(56,189,248,.35),transparent 55%),radial-gradient(circle at 80% 20%,rgba(129,140,248,.35),transparent 60%)}.aurora-2{animation-delay:-4s;background:radial-gradient(circle at 10% 70%,rgba(14,165,233,.35),transparent 60%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.35),transparent 60%)}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at 50% 30%,rgba(0,0,0,.7),transparent 70%);mask-image:radial-gradient(circle at 50% 30%,rgba(0,0,0,.7),transparent 70%);opacity:.35}.particle-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle-field .particle{position:absolute;width:6px;height:6px;border-radius:999px;background:#38bdf880;box-shadow:0 0 12px #38bdf880;animation:particle-drift 6s ease-in-out infinite}.particle-field .particle:nth-child(odd){background:#818cf866}.particle-field .particle:nth-child(1){top:12%;left:18%;animation-delay:-1s}.particle-field .particle:nth-child(2){top:22%;left:72%;animation-delay:-2.4s}.particle-field .particle:nth-child(3){top:48%;left:14%;animation-delay:-3s}.particle-field .particle:nth-child(4){top:62%;left:40%;animation-delay:-4.2s}.particle-field .particle:nth-child(5){top:70%;left:78%;animation-delay:-5s}.particle-field .particle:nth-child(6){top:30%;left:52%;animation-delay:-1.6s}.particle-field .particle:nth-child(7){top:12%;left:40%;animation-delay:-2.8s}.particle-field .particle:nth-child(8){top:80%;left:24%;animation-delay:-3.6s}.particle-field .particle:nth-child(9){top:44%;left:88%;animation-delay:-5.4s}.particle-field .particle:nth-child(10){top:56%;left:62%;animation-delay:-4.8s}.particle-field .particle:nth-child(11){top:6%;left:58%;animation-delay:-2.2s}.particle-field .particle:nth-child(12){top:90%;left:50%;animation-delay:-3.9s}.particle-field .particle:nth-child(13){top:36%;left:30%;animation-delay:-1.2s}.particle-field .particle:nth-child(14){top:18%;left:88%;animation-delay:-4.6s}.particle-field .particle:nth-child(15){top:74%;left:10%;animation-delay:-5.8s}.particle-field .particle:nth-child(16){top:52%;left:74%;animation-delay:-2.9s}.meteor{position:absolute;width:160px;height:2px;background:linear-gradient(90deg,#38bdf800,#38bdf8cc,#fffc);box-shadow:0 0 12px #38bdf899;opacity:0;transform:rotate(30deg);animation:meteor 8s linear infinite}.meteor-1{top:15%;left:-10%}.meteor-2{top:45%;left:-20%;animation-delay:-2.6s}.meteor-3{top:70%;left:-15%;animation-delay:-4.4s}.orbit-ring{position:absolute;top:50%;left:50%;width:115%;height:115%;border-radius:50%;border:1px dashed rgba(56,189,248,.35);transform:translate(-50%,-50%);animation:orbit-spin 14s linear infinite;pointer-events:none;z-index:15}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:999px;background:#38bdf8;box-shadow:0 0 16px #38bdf8b3;z-index:16;animation:orbit-spin 12s linear infinite}.orbit-dot-1{top:-4px;left:50%;transform:translate(-50%)}.orbit-dot-2{bottom:-4px;right:20%;animation-duration:16s}.objective-card{position:relative;overflow:hidden;animation:objective-glow 6s ease-in-out infinite;transition:transform .4s ease,box-shadow .4s ease}.objective-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #38bdf82e}.objective-card:before{content:"";position:absolute;top:-120%;right:-20%;bottom:-120%;left:-20%;background:conic-gradient(from 180deg,transparent,rgba(56,189,248,.25),transparent 30%);animation:orbit-spin 10s linear infinite;opacity:.7}.objective-card>*{position:relative;z-index:1}.objective-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#818cf8);margin-top:6px;box-shadow:0 0 12px #38bdf899;flex-shrink:0}@keyframes speedometer-fill{0%{stroke-dashoffset:282.7;opacity:0}to{opacity:1}}.skill-speedometer-circle{animation:speedometer-fill 1.2s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 0 6px rgba(56,189,248,.35))}.group:hover .skill-speedometer-circle{filter:drop-shadow(0 0 12px rgba(56,189,248,.6))}.skill-item{animation:fadeInUp .6s ease-out}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pill-glow{0%,to{box-shadow:0 0 #38bdf866;transform:scale(1)}50%{box-shadow:0 0 20px #38bdf899;transform:scale(1.08)}}@keyframes pill-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rounded-carousel-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.rounded-carousel-track{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;background:#0f172a99;border:1px solid rgba(56,189,248,.25);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-behavior:smooth;width:256px;animation:pill-pop-in .5s ease-out}@media (min-width: 768px){.rounded-carousel-track{width:320px}}.rounded-carousel-track::-webkit-scrollbar{height:3px}.rounded-carousel-track::-webkit-scrollbar-track{background:transparent}.rounded-carousel-track::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:999px}.carousel-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#38bdf814;border:1px solid rgba(56,189,248,.3);border-radius:999px;color:#cbd5e1;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;opacity:.7}.carousel-pill i{font-size:14px;display:flex;align-items:center;justify-content:center}.carousel-pill.active{background:#38bdf840;border-color:#38bdf899;color:#38bdf8;opacity:1;animation:pill-glow 1.2s ease-in-out infinite;box-shadow:0 0 20px #38bdf866,inset 0 0 12px #38bdf81a}.carousel-pill:hover:not(.active){background:#38bdf826;border-color:#38bdf873;opacity:.9;transform:translateY(-2px)}.project-card{position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,rgba(56,189,248,.25),transparent 50%);opacity:0;transition:opacity .45s ease;pointer-events:none}.project-card:hover:after{opacity:1}.project-card .project-img{transition:transform .6s ease,filter .6s ease}.project-card:hover .project-img{transform:scale(1.12);filter:saturate(1.15) contrast(1.05)}.stat-card,.cert-card,.tool-badge{transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.stat-card:hover,.cert-card:hover,.tool-badge:hover{transform:translateY(-4px);box-shadow:0 14px 30px #38bdf82e;border-color:#38bdf899}.social-link{transition:transform .35s ease,box-shadow .35s ease}.social-link:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 26px #38bdf840}.contact-item{position:relative;overflow:hidden}.contact-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(56,189,248,.08),transparent);transform:translate(-120%);transition:transform .6s ease;pointer-events:none}.contact-item:hover:after{transform:translate(120%)}.carousel-indicators{display:flex;gap:6px;justify-content:center}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#38bdf840;border:1px solid rgba(56,189,248,.3);cursor:pointer;transition:all .3s ease;padding:0}.indicator-dot.active{width:24px;border-radius:999px;background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 12px #38bdf880}.rectriangle{position:absolute;width:120px;height:120px;transform-origin:center;filter:drop-shadow(0 10px 30px rgba(2,6,23,.6));mix-blend-mode:screen;opacity:.9;animation:rectriangle-move 8s ease-in-out infinite}@keyframes rectriangle-move{0%{transform:translate(0) rotate(0) scale(1);opacity:.95}25%{transform:translate(-20px,-30px) rotate(20deg) scale(1.05);opacity:.9}50%{transform:translate(40px,-10px) rotate(60deg) scale(.95);opacity:1}75%{transform:translate(20px,30px) rotate(120deg) scale(1.02);opacity:.9}to{transform:translate(0) rotate(180deg) scale(1);opacity:.95}}.carousel{width:100%;height:280px;perspective:1200px;position:relative}.carousel-track{width:100%;height:100%;position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform-origin:center center;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.carousel-slide{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform-origin:center center;width:240px;height:160px;margin-left:-120px;margin-top:-80px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #02061799;background-size:cover;background-position:center;transition:transform .8s ease,opacity .6s ease;border:1px solid rgba(255,255,255,.04)}.carousel-slide .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(180deg,#0000 40%,#02061799)}.carousel-slide[data-index]{opacity:.95}.carousel-slide.tech-slide{background-size:auto;background-image:none}.carousel-slide.tech-slide i{filter:drop-shadow(0 4px 12px rgba(56,189,248,.25))}.carousel-compact-container{perspective:1000px;width:320px;height:320px;display:flex;justify-content:center;align-items:center}.carousel-compact-ring{position:relative;width:280px;height:280px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.9,.32,1);will-change:transform}.carousel-compact-item{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;opacity:1;visibility:visible}.icon-badge{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#38bdf826,#0ea5e914);border:1px solid rgba(56,189,248,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-style:preserve-3d;transition:all .35s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity,box-shadow;box-shadow:0 4px 12px #0000004d;backface-visibility:hidden}.icon-badge.center{box-shadow:0 0 28px #38bdf880,0 0 56px #0ea5e940,inset 0 1px 4px #ffffff1a;border-color:#38bdf880;scale:1.15}.icon-content-compact{font-size:2.2rem;filter:drop-shadow(0 2px 8px rgba(56,189,248,.3));transition:filter .3s ease}.icon-badge.center .icon-content-compact{filter:drop-shadow(0 4px 14px rgba(56,189,248,.6));text-shadow:0 0 14px rgba(56,189,248,.4)}@media (max-width: 768px){.carousel-compact-container{width:280px;height:280px}.carousel-compact-ring{width:240px;height:240px}.icon-badge{width:56px;height:56px}.icon-content-compact{font-size:1.8rem}}@media (max-width: 640px){.carousel-compact-ring{width:200px;height:200px}.icon-badge{width:48px;height:48px}.icon-content-compact{font-size:1.5rem}}.sparkle{position:absolute;width:6px;height:6px;border-radius:999px;background:radial-gradient(circle,#7dd3fc,#0ea5e9);opacity:.9;mix-blend-mode:screen;animation:sparkle-float 6s linear infinite}@keyframes sparkle-float{0%{transform:translateY(0) scale(.9);opacity:.9}50%{transform:translateY(-40px) scale(1.2);opacity:.6}to{transform:translateY(0) scale(.9);opacity:.9}}.skill-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;color:var(--accent, #38bdf8)}.skill-item{display:flex;align-items:center;gap:8px}.fancy-glow{background:linear-gradient(90deg,#38bdf81f,#0ea5e90f);border-radius:12px;padding:.25rem .5rem;display:inline-block;animation:gradient-shift 6s ease infinite}@media (max-width: 640px){.carousel{height:220px}.carousel-slide{width:200px;height:120px;margin-left:-100px;margin-top:-60px}}