:root{--color-primary:#64ffda;--color-primary-dark:#4cd6b3;--color-bg:#0a192f;--color-bg-light:#112240;--color-bg-lighter:#1a2f4a;--color-white:#fff;--color-text:#8892b0;--color-text-light:#a8b2d1;--color-text-lighter:#ccd6f6;--color-text-dark:#495670;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"Fira Code","Monaco","Cascadia Code","Roboto Mono",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--max-width:1200px;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a192f;background:var(--color-bg);color:#8892b0;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#ccd6f6;color:var(--color-text-lighter);font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#64ffda,#4cd6b3);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}p{color:#8892b0;color:var(--color-text);font-size:1.1rem;margin-bottom:1rem;margin-bottom:var(--space-md)}a{color:#64ffda;color:var(--color-primary);text-decoration:none;transition:.15s ease;transition:var(--transition-fast)}a:hover{color:#4cd6b3;color:var(--color-primary-dark)}.layout{margin:0 auto;max-width:1200px;max-width:var(--max-width);min-height:100vh;padding:0 1.5rem;padding:0 var(--space-lg)}section{padding:4rem 0;padding:var(--space-3xl) 0;scroll-margin-top:80px;scroll-margin-top:var(--header-height)}.section-title{align-items:center;display:flex;font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;font-family:var(--font-mono);font-size:clamp(1rem,2.5vw,1.25rem);margin-bottom:3rem;margin-bottom:var(--space-2xl)}.section-title,.section-title:before{color:#64ffda;color:var(--color-primary)}.section-title:before{content:"01.";font-weight:400;margin-right:1rem;margin-right:var(--space-md)}.section-title:after{background-color:#495670;background-color:var(--color-text-dark);content:"";display:block;height:1px;margin-left:1.5rem;margin-left:var(--space-lg);position:relative;width:300px}.divider{background:linear-gradient(90deg,#64ffda,transparent);background:linear-gradient(90deg,var(--color-primary) 0,transparent 100%);border:none;height:1px;margin:2rem 0;margin:var(--space-xl) 0}.btn{align-items:center;background:transparent;border:1px solid #64ffda;border:1px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-md);color:#64ffda;color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;font-family:var(--font-mono);font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-sm);overflow:hidden;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none}.btn,.btn:before{transition:.3s ease;transition:var(--transition-normal)}.btn:before{background:linear-gradient(90deg,transparent,rgba(100,255,218,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.btn:hover:before{left:100%}.btn:hover{background:rgba(100,255,218,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card{background:#112240;border:1px solid #495670;border-radius:12px;padding:2rem}.card,.card:before{transition:.3s ease}.card:before{background:linear-gradient(90deg,#64ffda,#4cd6b3)}.card:hover{border-color:#64ffda;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.fade-in{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:.5s ease;transition:var(--transition-slow)}.fade-in.is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.slide-in-left{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px);transition:.5s ease;transition:var(--transition-slow)}.slide-in-left.is-visible{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slide-in-right{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px);transition:.5s ease;transition:var(--transition-slow)}.slide-in-right.is-visible{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a192f;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#495670;background:var(--color-text-dark);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#64ffda;background:var(--color-primary)}::selection{background:rgba(100,255,218,.2);color:#64ffda;color:var(--color-primary)}:focus{outline:2px solid #64ffda;outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:768px){.layout{padding:0 1rem;padding:0 var(--space-md)}section{padding:3rem 0;padding:var(--space-2xl) 0}.section-title:after{width:100px}.grid-2,.grid-3{grid-template-columns:1fr}.card{padding:1.5rem;padding:var(--space-lg)}}@media (max-width:480px){.layout{padding:0 .5rem;padding:0 var(--space-sm)}.section-title:after{display:none}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-xs)}.mt-2{margin-top:.5rem;margin-top:var(--space-sm)}.mt-3{margin-top:1rem;margin-top:var(--space-md)}.mt-4{margin-top:1.5rem;margin-top:var(--space-lg)}.mt-5{margin-top:2rem;margin-top:var(--space-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-xs)}.p-2{padding:.5rem;padding:var(--space-sm)}.p-3{padding:1rem;padding:var(--space-md)}.p-4{padding:1.5rem;padding:var(--space-lg)}.p-5{padding:2rem;padding:var(--space-xl)}.frame{background:transparent;border-radius:2px;-webkit-filter:contrast(25);filter:contrast(25);height:400px;margin-left:-200px;margin-top:-200px;top:20%;width:400px;z-index:-1}.center,.frame{left:50%;position:absolute}.center{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ball{background:#64ffda;background:var(--color-primary);border-radius:50%;-webkit-filter:blur(10px);filter:blur(10px);height:85px;opacity:.8;position:relative;width:85px}.ball1{left:20px;top:20px;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.ball1,.ball1:after{height:50px;position:absolute;width:50px}.ball1:after{-webkit-animation:rotate 2.7s ease-in-out .2s infinite;animation:rotate 2.7s ease-in-out .2s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(5px);filter:blur(5px);opacity:.6;-webkit-transform-origin:37px 37px;transform-origin:37px 37px}.ball2{left:20px;top:20px;-webkit-transform:rotate(206deg);transform:rotate(206deg)}.ball2,.ball2:after{height:50px;position:absolute;width:50px}.ball2:after{-webkit-animation:rotate 2.9s ease-in-out .4s infinite;animation:rotate 2.9s ease-in-out .4s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(5px);filter:blur(5px);opacity:.6;-webkit-transform-origin:34px 34px;transform-origin:34px 34px}.ball3{left:20px;position:absolute;top:20px;-webkit-transform:rotate(274deg);transform:rotate(274deg)}.ball3,.ball3:after{height:50px;width:50px}.ball3:after{-webkit-animation:rotate 3.1s ease-in-out .6s infinite;animation:rotate 3.1s ease-in-out .6s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(5px);filter:blur(5px);opacity:.6;-webkit-transform-origin:31px 31px;transform-origin:31px 31px}.ball4{left:20px;position:absolute;top:20px;-webkit-transform:rotate(152deg);transform:rotate(152deg)}.ball4,.ball4:after{height:50px;width:50px}.ball4:after{-webkit-animation:rotate 3.3s ease-in-out .8s infinite;animation:rotate 3.3s ease-in-out .8s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(5px);filter:blur(5px);opacity:.6;-webkit-transform-origin:28px 28px;transform-origin:28px 28px}.ball5{left:20px;position:absolute;top:20px;-webkit-transform:rotate(200deg);transform:rotate(200deg)}.ball5,.ball5:after{height:50px;width:50px}.ball5:after{-webkit-animation:rotate 3.5s ease-in-out 1s infinite;animation:rotate 3.5s ease-in-out 1s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(5px);filter:blur(5px);opacity:.6;-webkit-transform-origin:25px 25px;transform-origin:25px 25px}.ball6{left:20px;position:absolute;top:20px;-webkit-transform:rotate(250deg);transform:rotate(250deg)}.ball6,.ball6:after{height:50px;width:50px}.ball6:after{-webkit-animation:rotate 3.7s ease-in-out 1.2s infinite;animation:rotate 3.7s ease-in-out 1.2s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(5px);filter:blur(5px);opacity:.6;-webkit-transform-origin:22px 22px;transform-origin:22px 22px}.ball7{left:20px;position:absolute;top:20px;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.ball7,.ball7:after{height:50px;width:50px}.ball7:after{-webkit-animation:rotate 3.9s ease-in-out 1.4s infinite;animation:rotate 3.9s ease-in-out 1.4s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(5px);filter:blur(5px);opacity:.6;-webkit-transform-origin:19px 19px;transform-origin:19px 19px}.ball8{left:20px;position:absolute;top:20px;-webkit-transform:rotate(350deg);transform:rotate(350deg)}.ball8,.ball8:after{height:50px;width:50px}.ball8:after{-webkit-animation:rotate 4.1s ease-in-out 1.6s infinite;animation:rotate 4.1s ease-in-out 1.6s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(5px);filter:blur(5px);opacity:.6;-webkit-transform-origin:16px 16px;transform-origin:16px 16px}.point1{left:20px;top:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.point1,.point1:after{height:30px;position:absolute;width:30px}.point1:after{-webkit-animation:rotate 2.3s ease-in-out .1s infinite;animation:rotate 2.3s ease-in-out .1s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:13px 13px;transform-origin:13px 13px}.point2{left:20px;top:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.point2,.point2:after{height:30px;position:absolute;width:30px}.point2:after{-webkit-animation:rotate 2.5s ease-in-out .3s infinite;animation:rotate 2.5s ease-in-out .3s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:10px 10px;transform-origin:10px 10px}.point3{left:20px;top:20px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.point3,.point3:after{height:30px;position:absolute;width:30px}.point3:after{-webkit-animation:rotate 2.7s ease-in-out .5s infinite;animation:rotate 2.7s ease-in-out .5s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:7px 7px;transform-origin:7px 7px}.point4{left:20px;top:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.point4,.point4:after{height:30px;position:absolute;width:30px}.point4:after{-webkit-animation:rotate 2.9s ease-in-out .7s infinite;animation:rotate 2.9s ease-in-out .7s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:4px 4px;transform-origin:4px 4px}.point5{left:20px;top:20px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.point5,.point5:after{height:30px;position:absolute;width:30px}.point5:after{-webkit-animation:rotate 3.1s ease-in-out .9s infinite;animation:rotate 3.1s ease-in-out .9s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:1px 1px;transform-origin:1px 1px}.point6{left:20px;top:20px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.point6,.point6:after{height:30px;position:absolute;width:30px}.point6:after{-webkit-animation:rotate 3.3s ease-in-out 1.1s infinite;animation:rotate 3.3s ease-in-out 1.1s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:-2px -2px;transform-origin:-2px -2px}.point7{left:20px;top:20px;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.point7,.point7:after{height:30px;position:absolute;width:30px}.point7:after{-webkit-animation:rotate 3.5s ease-in-out 1.3s infinite;animation:rotate 3.5s ease-in-out 1.3s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:-5px -5px;transform-origin:-5px -5px}.point8{left:20px;top:20px;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.point8,.point8:after{height:30px;position:absolute;width:30px}.point8:after{-webkit-animation:rotate 3.7s ease-in-out 1.5s infinite;animation:rotate 3.7s ease-in-out 1.5s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:-8px -8px;transform-origin:-8px -8px}.point9{left:20px;top:20px;-webkit-transform:rotate(405deg);transform:rotate(405deg)}.point9,.point9:after{height:30px;position:absolute;width:30px}.point9:after{-webkit-animation:rotate 3.9s ease-in-out 1.7s infinite;animation:rotate 3.9s ease-in-out 1.7s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:-11px -11px;transform-origin:-11px -11px}.point10{left:20px;top:20px;-webkit-transform:rotate(450deg);transform:rotate(450deg)}.point10,.point10:after{height:30px;position:absolute;width:30px}.point10:after{-webkit-animation:rotate 4.1s ease-in-out 1.9s infinite;animation:rotate 4.1s ease-in-out 1.9s infinite;background:#64ffda;background:var(--color-primary);border-radius:50%;content:"";display:block;-webkit-filter:blur(3px);filter:blur(3px);opacity:.4;-webkit-transform-origin:-14px -14px;transform-origin:-14px -14px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}to{-webkit-transform:rotate(1turn) translateZ(0);transform:rotate(1turn) translateZ(0)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}to{-webkit-transform:rotate(1turn) translateZ(0);transform:rotate(1turn) translateZ(0)}}@media (max-width:768px){.frame{height:300px;margin-left:-150px;margin-top:-150px;width:300px}.ball{height:60px;width:60px}.ball1:after,.ball2:after,.ball3:after,.ball4:after,.ball5:after,.ball6:after,.ball7:after,.ball8:after{height:35px;width:35px}.point10:after,.point1:after,.point2:after,.point3:after,.point4:after,.point5:after,.point6:after,.point7:after,.point8:after,.point9:after{height:20px;width:20px}}.hero-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-2xl) 0;position:relative}.hero{border-radius:50%;height:305px;object-fit:fill;width:325px}.hero-name{color:var(--color-text-lighter);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-md);margin-top:10%;text-align:center}.hero-name .Typewriter{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text}.hero-role{font-size:clamp(1.25rem,4vw,2rem);font-weight:500;letter-spacing:.02em;margin-bottom:var(--space-xl)}.hero-description,.hero-role{color:var(--color-text);text-align:center}.hero-description{font-size:1.125rem;line-height:1.7;margin-bottom:var(--space-2xl);max-width:600px;padding:0 var(--space-lg)}.hero-icons{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.icon-gh,.icon-linkedin{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(100,255,218,.05);border:1px solid var(--color-text-dark);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:var(--transition-normal);width:48px}.icon-gh:hover,.icon-linkedin:hover{background:rgba(100,255,218,.1);border-color:var(--color-primary);box-shadow:var(--shadow-lg);color:var(--color-primary-dark);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hero-btn-container{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.hero-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.875rem;font-weight:500;gap:var(--space-sm);overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none}.hero-btn,.hero-btn:before{transition:var(--transition-normal)}.hero-btn:before{background:linear-gradient(90deg,transparent,rgba(100,255,218,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.hero-btn:hover:before{left:100%}.hero-btn:hover{background:rgba(100,255,218,.1);border-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-btn svg{font-size:1.125rem}.scroll-indicator{align-items:center;bottom:var(--space-xl);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.875rem;gap:var(--space-sm);left:50%;opacity:.7;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:var(--transition-normal)}.scroll-indicator:hover{color:var(--color-primary);opacity:1}.scroll-arrow{align-items:center;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;border:1px solid;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@media (max-width:768px){.hero-container{min-height:90vh;padding:var(--space-xl) 0}.hero-name{margin-bottom:var(--space-sm);margin-top:15%}.hero-role{margin-bottom:var(--space-lg)}.hero-description{margin-bottom:var(--space-xl);padding:0 var(--space-md)}.hero-icons{gap:var(--space-md);margin-bottom:var(--space-xl)}.icon-gh,.icon-linkedin{font-size:1.25rem;height:44px;width:44px}.hero-btn-container{gap:var(--space-md)}.hero-btn{font-size:.8rem;padding:var(--space-sm) var(--space-lg)}.scroll-indicator{bottom:var(--space-lg)}}@media (max-width:480px){.hero-container{padding:var(--space-lg) 0}.hero-icons{gap:var(--space-sm)}.icon-gh,.icon-linkedin{font-size:1.125rem;height:40px;width:40px}.hero-btn{font-size:.75rem;padding:var(--space-sm) var(--space-md)}.hero-btn svg{font-size:1rem}}.hero-fade-in{-webkit-animation:heroFadeIn .8s ease-out forwards;animation:heroFadeIn .8s ease-out forwards;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.hero-fade-in:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.hero-fade-in:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.hero-fade-in:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.hero-fade-in:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.hero-fade-in:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes heroFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes heroFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg)}.about-container{grid-gap:var(--space-3xl);align-items:start;display:grid;gap:var(--space-3xl);grid-template-columns:1fr 2fr;margin:var(--space-3xl) 0;max-width:var(--max-width)}.about-img{align-items:center;display:flex;justify-content:center;position:relative}.about-img img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);-webkit-filter:grayscale(20%);filter:grayscale(20%);height:auto;max-width:300px;object-fit:cover;transition:var(--transition-normal);width:100%}.about-img img:hover{box-shadow:var(--shadow-xl),0 0 30px rgba(100,255,218,.3);-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.about-img:before{border-radius:var(--radius-xl);bottom:-20px;content:"";left:20px;opacity:.3;position:absolute;right:-20px;top:20px;z-index:-1}.about-content{display:flex;flex-direction:column;gap:var(--space-2xl)}.about-cards{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-xl)}.about-card{background:var(--color-bg-light);border:1px solid var(--color-text-dark);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-xl);position:relative;text-align:center}.about-card,.about-card:before{transition:var(--transition-normal)}.about-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));content:"";height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.about-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.about-card:hover{background:var(--color-bg-lighter);border-color:var(--color-primary);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.about-icon{color:var(--color-primary);font-size:2rem;margin-bottom:var(--space-md);transition:var(--transition-normal)}.about-card:hover .about-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.about-card h5{color:var(--color-text-lighter);font-family:var(--font-mono);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm)}.about-card small{color:var(--color-text);font-size:.875rem;line-height:1.5}.about-text{color:var(--color-text);font-size:1.125rem;line-height:1.8;text-align:justify}.about-text strong{color:var(--color-text-lighter);font-weight:600}.tech-stack{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-2xl)}.tech-category{background:var(--color-bg-light);border:1px solid var(--color-text-dark);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition-normal)}.tech-category:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tech-category h3{color:var(--color-primary);font-family:var(--font-mono);font-size:1rem;letter-spacing:.1em;margin-bottom:var(--space-lg);text-transform:uppercase}.tech-list{list-style:none;margin:0;padding:0}.tech-item{align-items:center;color:var(--color-text);display:flex;font-size:.9rem;gap:var(--space-sm);padding:var(--space-sm) 0;transition:var(--transition-fast)}.tech-item:hover{color:var(--color-text-lighter);-webkit-transform:translateX(5px);transform:translateX(5px)}.tech-icon{color:var(--color-primary);flex-shrink:0;font-size:.75rem}@media (max-width:1024px){.about-container{gap:var(--space-2xl);grid-template-columns:1fr}.about-img{order:-1}.about-img img{max-width:250px}}@media (max-width:768px){.about-container{margin:var(--space-2xl) 0}.about-cards{gap:var(--space-md);grid-template-columns:1fr}.about-card{padding:var(--space-lg)}.about-card h5{font-size:1rem}.about-card small{font-size:.8rem}.about-text{font-size:1rem;line-height:1.7}.tech-stack{gap:var(--space-lg);grid-template-columns:1fr}.tech-category{padding:var(--space-lg)}.tech-item{font-size:.85rem}}@media (max-width:480px){.about-img img{max-width:200px}.about-img:before{bottom:-10px;left:10px;right:-10px;top:10px}.about-card{padding:var(--space-md)}.about-text{font-size:.9rem}.tech-category{padding:var(--space-md)}}.about-fade-in{-webkit-animation:aboutFadeIn .8s ease-out forwards;animation:aboutFadeIn .8s ease-out forwards;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.about-fade-in:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.about-fade-in:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.about-fade-in:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes aboutFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes aboutFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.tech-item{-webkit-animation:techItemSlide .5s ease-out forwards;animation:techItemSlide .5s ease-out forwards;opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tech-item:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.tech-item:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.tech-item:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.tech-item:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.tech-item:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes techItemSlide{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes techItemSlide{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.experience{margin:var(--space-3xl) 0;max-width:var(--max-width)}.experience-container{margin-top:var(--space-2xl)}.MuiTabs-root{border-bottom:1px solid var(--color-text-dark);margin-bottom:var(--space-2xl)}.MuiTab-root{border-radius:var(--radius-md) var(--radius-md) 0 0!important;color:var(--color-text)!important;font-family:var(--font-mono)!important;font-size:.875rem!important;font-weight:500!important;margin-right:var(--space-sm)!important;min-width:120px!important;padding:var(--space-md) var(--space-lg)!important;text-transform:none!important;transition:var(--transition-normal)!important}.MuiTab-root:hover{background:rgba(100,255,218,.05)!important;color:var(--color-primary)!important}.MuiTab-root.Mui-selected{background:rgba(100,255,218,.1)!important;color:var(--color-primary)!important}.MuiTabs-indicator{background:var(--color-primary)!important;border-radius:var(--radius-sm)!important;height:3px!important}.MuiTabPanel-root{padding:var(--space-xl) 0!important}.job-content{background:var(--color-bg-light);border:1px solid var(--color-text-dark);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-2xl);position:relative}.job-content,.job-content:before{transition:var(--transition-normal)}.job-content:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));content:"";height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.job-content:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.job-content:hover{background:var(--color-bg-lighter);border-color:var(--color-primary);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.job-header{margin-bottom:var(--space-lg)}.job-title{color:var(--color-text-lighter);font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:var(--space-xs)}.job-company,.job-title{font-family:var(--font-mono);font-weight:600}.job-company{color:var(--color-primary);font-size:clamp(1.125rem,2.5vw,1.5rem);margin-bottom:var(--space-sm)}.job-duration{color:var(--color-text);font-family:var(--font-mono);font-size:.875rem;opacity:.8}.job-desc{list-style:none;margin:0;padding:0}.job-desc li{color:var(--color-text);font-size:1rem;line-height:1.7;padding-bottom:var(--space-md);padding-left:var(--space-xl);position:relative;transition:var(--transition-fast)}.job-desc li:before{color:var(--color-primary);content:"▹";font-size:1.125rem;font-weight:700;left:0;position:absolute}.job-desc li:hover{color:var(--color-text-lighter);-webkit-transform:translateX(5px);transform:translateX(5px)}.job-desc li:last-child{padding-bottom:0}@media (max-width:1024px){.experience{margin:var(--space-2xl) 0}.job-content{padding:var(--space-xl)}}@media (max-width:768px){.MuiTabs-root{margin-bottom:var(--space-lg)}.MuiTab-root{font-size:.8rem!important;min-width:100px!important;padding:var(--space-sm) var(--space-md)!important}.job-content{padding:var(--space-lg)}.job-title{font-size:1.25rem}.job-company{font-size:1.125rem}.job-desc li{font-size:.9rem;padding-bottom:var(--space-sm);padding-left:var(--space-lg)}.job-desc li:before{font-size:1rem}}@media (max-width:480px){.MuiTab-root{font-size:.75rem!important;min-width:80px!important;padding:var(--space-xs) var(--space-sm)!important}.job-content{padding:var(--space-md)}.job-title{font-size:1.125rem}.job-company{font-size:1rem}.job-desc li{font-size:.85rem;padding-left:var(--space-md)}}.experience-fade-in{-webkit-animation:experienceFadeIn .8s ease-out forwards;animation:experienceFadeIn .8s ease-out forwards;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.experience-fade-in:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.experience-fade-in:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.experience-fade-in:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes experienceFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes experienceFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.job-desc li{-webkit-animation:jobItemSlide .5s ease-out forwards;animation:jobItemSlide .5s ease-out forwards;opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.job-desc li:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.job-desc li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.job-desc li:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.job-desc li:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes jobItemSlide{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes jobItemSlide{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.MuiTab-root:focus{outline:2px solid var(--color-primary);outline-offset:2px}.MuiTabs-scroller{scrollbar-color:var(--color-text-dark) transparent;scrollbar-width:thin}.MuiTabs-scroller::-webkit-scrollbar{height:4px}.MuiTabs-scroller::-webkit-scrollbar-track{background:transparent}.MuiTabs-scroller::-webkit-scrollbar-thumb{background:var(--color-text-dark);border-radius:var(--radius-sm)}.MuiTabs-scroller::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.portfolio{margin:var(--space-3xl) 0;max-width:var(--max-width)}.portfolio-container{margin-top:var(--space-2xl)}.projects-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card{background:var(--color-bg-light);border:1px solid var(--color-text-dark);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--space-xl);position:relative}.card,.card:before{transition:var(--transition-normal)}.card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));content:"";height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.card:hover{background:var(--color-bg-lighter);border-color:var(--color-primary);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.card-icon{color:var(--color-primary);font-size:2.5rem;transition:var(--transition-normal)}.card:hover .card-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-links{display:flex;gap:var(--space-sm)}.card-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(100,255,218,.05);border:1px solid var(--color-text-dark);border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:var(--transition-normal);width:40px}.card-link:hover{background:rgba(100,255,218,.1);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-primary-dark);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-title{color:var(--color-text-lighter);font-family:var(--font-mono);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;line-height:1.3;margin-bottom:var(--space-md)}.card-body{color:var(--color-text);flex-grow:1;font-size:1rem;line-height:1.7;margin-bottom:var(--space-lg)}.card-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.tech-tag{background:rgba(100,255,218,.1);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm);transition:var(--transition-fast)}.tech-tag:hover{background:rgba(100,255,218,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.project-status{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-bg);font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-md);text-transform:uppercase;top:var(--space-md)}@media (max-width:1024px){.portfolio{margin:var(--space-2xl) 0}.projects-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{padding:var(--space-lg)}}@media (max-width:768px){.projects-grid{gap:var(--space-lg);grid-template-columns:1fr}.card{padding:var(--space-lg)}.card-title{font-size:1.25rem}.card-body{font-size:.9rem}.card-icon{font-size:2rem}.card-link{font-size:1.125rem;height:36px;width:36px}.tech-tag{font-size:.7rem;padding:var(--space-xs) var(--space-sm)}}@media (max-width:480px){.card{padding:var(--space-md)}.card-header{margin-bottom:var(--space-md)}.card-title{font-size:1.125rem}.card-body{font-size:.85rem}.card-icon{font-size:1.75rem}.card-link{font-size:1rem;height:32px;width:32px}.tech-tag{font-size:.65rem}}.portfolio-fade-in{-webkit-animation:portfolioFadeIn .8s ease-out forwards;animation:portfolioFadeIn .8s ease-out forwards;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolio-fade-in:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.portfolio-fade-in:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.portfolio-fade-in:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.portfolio-fade-in:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes portfolioFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes portfolioFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.tech-tag{-webkit-animation:techTagSlide .5s ease-out forwards;animation:techTagSlide .5s ease-out forwards;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tech-tag:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.tech-tag:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.tech-tag:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.tech-tag:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes techTagSlide{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes techTagSlide{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.card-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.card.loading{opacity:.7;pointer-events:none}.card.loading:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid var(--color-primary);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.footer-container{border-top:1px solid var(--color-text-dark);color:var(--color-text);font-family:var(--font-mono);margin:var(--space-3xl) 0 var(--space-2xl) 0;padding:var(--space-2xl) 0;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);margin:0 auto;max-width:var(--max-width);padding:0 var(--space-lg)}.footer-text{color:var(--color-text);font-size:.875rem;line-height:1.6;opacity:.8}.footer-text strong{color:var(--color-text-lighter);font-weight:600}.footer-icons{gap:var(--space-lg)}.footer-icons,.footer-link{align-items:center;display:flex;justify-content:center}.footer-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(100,255,218,.05);border:1px solid var(--color-text-dark);border-radius:var(--radius-lg);color:var(--color-primary);font-size:1.25rem;height:44px;text-decoration:none;transition:var(--transition-normal);width:44px}.footer-link:hover{background:rgba(100,255,218,.1);border-color:var(--color-primary);box-shadow:var(--shadow-lg);color:var(--color-primary-dark);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.footer-divider{background:linear-gradient(90deg,transparent,var(--color-text-dark),transparent);height:1px;margin:var(--space-md) 0;width:100px}.footer-copyright{color:var(--color-text);font-family:var(--font-mono);font-size:.75rem;opacity:.6}@media (max-width:768px){.footer-container{margin:var(--space-2xl) 0 var(--space-xl) 0;padding:var(--space-xl) 0}.footer-content{padding:0 var(--space-md)}.footer-content,.footer-icons{gap:var(--space-md)}.footer-link{font-size:1.125rem;height:40px;width:40px}.footer-text{font-size:.8rem}}@media (max-width:480px){.footer-container{margin:var(--space-xl) 0 var(--space-lg) 0;padding:var(--space-lg) 0}.footer-content{padding:0 var(--space-sm)}.footer-icons{gap:var(--space-sm)}.footer-link{font-size:1rem;height:36px;width:36px}.footer-text{font-size:.75rem}.footer-copyright{font-size:.7rem}}.footer-fade-in{-webkit-animation:footerFadeIn .8s ease-out forwards;animation:footerFadeIn .8s ease-out forwards;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.footer-fade-in:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.footer-fade-in:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.footer-fade-in:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes footerFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes footerFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.footer-link{-webkit-animation:footerIconSlide .5s ease-out forwards;animation:footerIconSlide .5s ease-out forwards;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.footer-link:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.footer-link:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.footer-link:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes footerIconSlide{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes footerIconSlide{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.footer-text:hover{color:var(--color-text-lighter);transition:var(--transition-fast)}.footer-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-lg);padding:var(--space-lg)}
/*# sourceMappingURL=main.6958e1f7.css.map*/