html,body{min-height:100%;margin:0;padding:0;font-family:Inter,Arial,sans-serif}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px #3b82f64d}to{box-shadow:0 0 30px #3b82f699}}@keyframes slide-in-left{0%{opacity:0;transform:translate(min(-100px,-20vw))}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(min(100px,20vw))}to{opacity:1;transform:translate(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-slide-in-left{animation:.8s ease-out slide-in-left}.animate-slide-in-right{animation:.8s ease-out slide-in-right}.animate-gradient{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;animation:15s infinite gradient-shift}.project-card{transition:all .3s}.project-card:hover{transform:translateY(-10px)scale(1.02)}.skill-item{transition:all .3s}.skill-item:hover{filter:brightness(1.2);transform:scale(1.1);color:#fff!important;background-color:#344230!important}.nav-item{transition:all .3s;position:relative}.nav-item:after{content:"";background:linear-gradient(45deg,#667eea,#764ba2);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-item:hover:after{width:100%}.cursor{transition:all .1s}@media (max-width:640px){.animate-float{animation-duration:4s}.glass-effect{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-card:hover{transform:translateY(-5px)scale(1.01)}.skill-item:hover{transform:scale(1.05)}@keyframes slide-in-left{0%{opacity:0;transform:translate(max(-50px,-15vw))}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(min(50px,15vw))}to{opacity:1;transform:translate(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{max-width:calc(100vw - 2rem);left:clamp(.5rem,5vw,2rem)!important;right:auto!important}}@media (max-width:768px){.animate-float{animation-duration:5s}.glass-effect{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-card:hover{transform:translateY(-8px)scale(1.015)}.skill-item:hover{transform:scale(1.08)}}@media (min-width:1024px){.glass-effect{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.project-card:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 20px 40px #0000004d}}@media (max-width:640px){h1{word-break:break-word;line-height:1.1}h2{line-height:1.2}p{line-height:1.5}}@media (max-width:480px){.container{padding-left:1rem;padding-right:1rem}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #8b5cf633}50%{box-shadow:0 0 20px #8b5cf666}}}@media (max-width:640px){.about-image-container{justify-content:center;margin-bottom:2rem;display:flex}button{min-height:44px;font-size:.875rem}}.break-all{word-break:break-all;overflow-wrap:break-word}.glass-effect{z-index:1;max-width:100%;position:relative;overflow:hidden}section{max-width:100vw;overflow-x:hidden}.absolute{max-width:calc(100vw - 1rem)}.animate-gradient{width:100%;max-width:100vw}input:focus,textarea:focus,button:focus{outline-offset:2px;outline:2px solid #8b5cf6}@media (max-width:640px){.skill-item{text-align:center;justify-content:center;align-items:center;min-height:60px;display:flex}}@media (prefers-reduced-motion:reduce){.animate-float,.animate-pulse-glow,.animate-slide-in-left,.animate-slide-in-right,.animate-fade-in-up,.animate-gradient{animation:none}.project-card:hover,.skill-item:hover{transform:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}nav,#mobile-menu{transition:all .3s}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes typeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#10b981}}@media (max-width:768px){.feature-card:hover{transform:translateY(-4px)scale(1.01)}.tech-badge:hover{transform:scale(1.02)translateY(-1px)}}@keyframes loading{0%{left:-100%}to{left:100%}}@keyframes typing{0%{width:0}to{width:100%}}@media (max-width:768px){.feature-card:hover{transform:translateY(-4px)scale(1.01)}.tech-badge:hover{transform:scale(1.02)translateY(-1px)}}.api-modal{opacity:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;transition:all .2s ease-out;transform:scale(.95)}@keyframes fadeIn{to{opacity:1}}.api-endpoint{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}nav,#mobile-menu{transition:all .3s}@keyframes fadeInCode{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typeCodeLine{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.slide-in:first-child{animation-delay:.1s}.slide-in:nth-child(2){animation-delay:.2s}.slide-in:nth-child(3){animation-delay:.3s}.slide-in:nth-child(4){animation-delay:.4s}.slide-in:nth-child(5){animation-delay:.5s}.slide-in:nth-child(6){animation-delay:.6s}.typewriter{white-space:nowrap;border-right:3px solid #3b82f6;margin:0 auto;overflow:hidden}.react-badge{background:linear-gradient(45deg,#61dafb,#21d4fd)}.vite-badge{background:linear-gradient(45deg,#646cff,#747bff)}.typescript-badge{background:linear-gradient(45deg,#3178c6,#235a97)}.tailwind-badge{background:linear-gradient(45deg,#06b6d4,#0891b2)}.glow-effect{box-shadow:0 0 20px #3b82f64d}.pulse-glow{animation:2s ease-in-out infinite alternate pulse-glow}.api-endpoint{transition:all .3s}.api-endpoint:hover{background:#3b82f60d;transform:translate(4px)}.interactive-demo{position:relative;overflow:hidden}.interactive-demo:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.typewriter{font-size:1rem;line-height:1.4}.feature-card{margin-bottom:1rem}.floating{animation-duration:4s}.hero-content{padding:2rem 0}}@media (max-width:640px){.gradient-bg{background:linear-gradient(#667eea 0%,#764ba2 100%)}.typewriter{font-size:.875rem}.modern-card{padding:1rem}}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gradient-shift{background-size:200% 200%;animation:3s infinite gradient-shift}.api-endpoint{border-left:1px solid #e5e7eb;padding-left:16px;transition:all .3s}.api-endpoint:hover{background-color:#3b82f60d;border-left:3px solid #3b82f6;padding-left:20px;transform:translate(8px)}.typing-animation:after{content:"|";animation:1s infinite blink}.loading{position:relative;overflow:hidden}.loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:1.5s infinite loading;position:absolute;top:0;left:-100%}@media (max-width:768px){.feature-card:hover{transform:translateY(-4px)scale(1.01)}.tech-badge:hover{transform:scale(1.02)translateY(-1px)}}nav,#mobile-menu{transition:all .3s}.tech-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:.75rem;padding:1rem;transition:all .3s}.tech-badge{cursor:pointer;transition:all .3s}.tech-badge:hover{transform:scale(1.05)}.api-endpoint{cursor:pointer;transition:all .3s}.api-endpoint:hover{transform:translate(4px)}.slide-in{opacity:0;animation:.8s ease-out forwards slideIn}.typewriter{white-space:nowrap;margin:0 auto;overflow:hidden}.typing-animation{animation:3.5s steps(40,end) typing,.75s step-end infinite blink}#code-display{opacity:0;animation:1s ease-out .5s forwards fadeInCode}.code-line{opacity:0;animation:.5s ease-out forwards typeCodeLine}@media (max-width:640px){.gradient-bg{background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%)}.feature-card:hover{transform:translateY(-4px)scale(1.01)}.tech-category:hover{transform:translateY(-1px)}.api-endpoint:hover{transform:translate(2px)}.floating{animation-duration:4s}.slide-in{animation-duration:.6s}}@media (max-width:768px){.glass-effect{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modern-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@media (min-width:1024px){.glass-effect{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.feature-card:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 30px 60px -12px #0000004d}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}button:focus,.tech-badge:focus,.api-endpoint:focus{outline-offset:2px;outline:2px solid #10b981}*{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden}.container{max-width:100%;overflow-x:hidden}@media (prefers-reduced-motion:reduce){.floating,.slide-in,.typing-animation,.animate-fade-in-up{animation:none}.feature-card:hover,.tech-category:hover,.api-endpoint:hover,.tech-badge:hover{transform:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.api-modal{opacity:0;transition:all .2s ease-out;transform:scale(.95)}.api-modal.show{opacity:1;transform:scale(1)}.api-modal pre{white-space:pre-wrap;word-wrap:break-word}.api-modal::-webkit-scrollbar{width:8px}.api-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.api-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.api-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.api-endpoint{cursor:pointer;position:relative;overflow:hidden}.api-endpoint:active{transform:translate(4px)scale(.98)}.modal-backdrop{animation:.2s ease-out fadeIn}nav,#mobile-menu{transition:all .3s}.code-highlight{background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%)}.feature-card{border:2px solid;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-category{background:#fff;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a}.tech-category:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.api-section{transition:all .3s}.api-section:hover{transform:translateY(-2px)}.api-endpoint{cursor:pointer;border-left:1px solid #e5e7eb;padding-left:16px;transition:all .3s}.api-endpoint:hover{border-left:3px solid #3b82f6;padding-left:20px;transform:translate(8px)}.tech-item{border:2px solid;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.tech-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.modern-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3}.slide-in-right{animation:1s ease-out .3s both slideInRight}@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)}}.typewriter{white-space:nowrap;border-right:2px solid;animation:3s steps(40,end) 1s both typewriter,.5s steps(44,end) infinite blinkTextCursor;overflow:hidden}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkTextCursor{0%{border-right-color:#8b5cf6bf}to{border-right-color:#0000}}.api-card{background:#fff;border-left:4px solid;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a}.api-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.api-card.get{border-left-color:#10b981}.api-card.post{border-left-color:#3b82f6}.api-card.put{border-left-color:#f59e0b}.api-card.delete{border-left-color:#ef4444}.method-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.method-badge.get{color:#065f46;background:#d1fae5}.method-badge.post{color:#1e3a8a;background:#dbeafe}.method-badge.put{color:#92400e;background:#fef3c7}.method-badge.delete{color:#991b1b;background:#fee2e2}.stat-number{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;animation:2s ease-out countUp}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}pre{border-radius:12px;overflow-x:auto}code{font-family:Fira Code,Consolas,monospace;line-height:1.6}@media (max-width:768px){.typewriter{font-size:1.25rem;line-height:1.75rem}.stat-number{font-size:2rem}.feature-card,.tech-category,.api-card{padding:16px}}.nav-link{position:relative;overflow:hidden}.nav-link:after{content:"";background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-indicator{transform-origin:0;z-index:100;background:linear-gradient(90deg,#8b5cf6 0%,#3b82f6 100%);width:100%;height:4px;transition:transform .1s;position:fixed;top:0;left:0;transform:scaleX(0)}.interactive-element{cursor:pointer;transition:all .3s}.interactive-element:hover{transform:scale(1.05)}.interactive-element:active{transform:scale(.98)}.component-preview{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid #e2e8f0;border-radius:12px;margin:16px 0;padding:20px}.component-preview:hover{border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf626}.mui-primary{color:#1976d2}.mui-secondary{color:#dc004e}.mui-success{color:#2e7d32}.mui-warning{color:#ed6c02}.mui-error{color:#d32f2f}.mui-info{color:#0288d1}.react-highlight{background:linear-gradient(135deg,#61dafb 0%,#21d4fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.upload-zone{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px dashed #8b5cf6;border-radius:12px;padding:40px;transition:all .3s}.upload-zone:hover{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-color:#7c3aed}.upload-zone.dragover{background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);border-color:#6d28d9;transform:scale(1.02)}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes cardFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}@keyframes codeGlow{0%,to{box-shadow:0 0 15px #10b98126}50%{box-shadow:0 0 25px #10b98140}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#10b981}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.floating,.modern-card{animation:none}.typewriter{white-space:normal;border-right:none;animation:none;overflow:visible}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.slide-in,.slide-in-right,.typing-animation,.typewriter{opacity:1!important;white-space:normal!important;border-right:0!important;animation:none!important;overflow:visible!important;transform:none!important}}.slide-in,.slide-in-right{opacity:1!important;animation-fill-mode:forwards!important}.typing-animation{opacity:1!important}:root{--theme-light:#acc8a2;--theme-dark:#1a2517;--theme-dark-2:#243221;--theme-light-soft:#c7ddbf}html,body,.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200,.bg-gray-800,.bg-gray-900,.bg-gray-700,.modern-card,.glass-effect,.code-highlight,.gradient-bg{background:var(--theme-dark)!important;color:var(--theme-light)!important}.bg-white\/10,.bg-white\/20,.bg-white\/90,.bg-gray-900\/80,.bg-black\/50{background-color:color-mix(in srgb,var(--theme-dark)82%,var(--theme-light)18%)!important}.text-black,.text-white,.text-gray-100,.text-gray-200,.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900,.text-blue-400,.text-green-400,.text-purple-400,.text-pink-400,.text-yellow-400,.text-orange-400,.text-emerald-400,.text-blue-200,.text-purple-200,.text-green-200{color:var(--theme-light)!important}.border,.border-gray-100,.border-gray-200,.border-gray-300,.border-gray-400,.border-gray-500,.border-gray-600,.border-gray-700,.border-gray-800,.border-purple-500,.border-blue-500,.border-green-500{border-color:var(--theme-light-soft)!important}.bg-blue-500,.bg-blue-600,.bg-green-500,.bg-green-600,.bg-purple-500,.bg-purple-600,.bg-pink-500,.bg-pink-600,.bg-orange-500,.bg-orange-600,.bg-yellow-500,.bg-yellow-600,.bg-red-500,.bg-red-600,.bg-indigo-500,.bg-indigo-600,.bg-teal-500,.bg-teal-600,.bg-emerald-600{background:var(--theme-dark-2)!important;color:var(--theme-light)!important}.from-purple-400,.from-purple-500,.from-blue-500,.from-green-500,.from-pink-500,.from-orange-500,.from-yellow-500,.from-indigo-500,.from-teal-500{--tw-gradient-from:var(--theme-light)var(--tw-gradient-from-position)!important;--tw-gradient-to:#acc8a200 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.via-pink-400,.via-pink-500,.via-blue-400,.via-blue-500,.via-green-400{--tw-gradient-via:color-mix(in srgb,var(--theme-light)72%,var(--theme-dark)28%)var(--tw-gradient-via-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to)!important}.to-purple-400,.to-purple-500,.to-purple-600,.to-blue-400,.to-blue-500,.to-blue-600,.to-pink-400,.to-pink-500,.to-red-600,.to-teal-500,.to-emerald-600,.to-orange-500{--tw-gradient-to:var(--theme-dark)var(--tw-gradient-to-position)!important}button,a,.tech-badge,.feature-card,.api-endpoint{color:var(--theme-light)!important}input,textarea{background:var(--theme-dark-2)!important;color:var(--theme-light)!important;border-color:var(--theme-light-soft)!important}body{scroll-behavior:smooth;font-family:Inter,sans-serif}nav{z-index:9999;transition:all .3s}#mobile-menu{transition:all .3s}#mobile-menu.show{display:block}#mobile-menu-toggle{transition:transform .3s}#mobile-menu-toggle:hover{transform:scale(1.1)}.gradient-bg{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.code-highlight{background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);max-height:350px;overflow-y:auto}.feature-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-in{animation:1s ease-out slideInUp}.floating{animation:6s ease-in-out infinite floating}.modern-card{-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;animation:6s ease-in-out infinite cardFloat;box-shadow:0 20px 40px #0000001a}.code-highlight{background:#1e293b;border:1px solid #334155;animation:4s ease-in-out infinite codeGlow}.typewriter{white-space:nowrap;animation:3.5s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}.feature-card{transition:all .3s;animation:.8s ease-out fadeInUp}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.tech-badge{transition:all .3s;animation:.6s ease-out bounceIn}.tech-badge:hover{transform:scale(1.05);box-shadow:0 10px 20px #0003}.api-endpoint{transition:all .3s;position:relative;overflow:hidden}.api-endpoint:before{content:"";background:linear-gradient(135deg,#10b981 0%,#059669 100%);width:4px;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.api-endpoint:hover:before{left:0}.api-endpoint:hover{background-color:#10b9810d;border-color:#10b981;padding-left:16px}.nav-link{transition:all .3s;position:relative}.nav-link:after{content:"";z-index:1;background:linear-gradient(45deg,#10b981,#059669);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-link:hover:after{width:100%}#mobile-menu{max-height:0;transition:all .3s;overflow:hidden}#mobile-menu.show{max-height:300px}.scroll-reveal{opacity:0;transition:all .8s;transform:translateY(50px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}@media (max-width:768px){.floating,.modern-card{animation:none}.typewriter{white-space:normal;border-right:none;animation:none;overflow:visible}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}button{transition:all .3s}button:hover{transform:translateY(-2px)}img{opacity:0;animation:1s ease-in-out forwards fadeIn}.tech-category{animation:.8s ease-out slideInFromLeft}.tech-category:nth-child(2n){animation:.8s ease-out slideInFromRight}section{animation:1s ease-out sectionFadeIn}.api-section{transition:all .3s;animation:.8s ease-out slideUp}.api-section:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.pulse{animation:2s infinite pulse}.gradient-text{background:linear-gradient(45deg,#10b981,#059669,#10b981) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientShift}button:focus,a:focus{outline-offset:2px;outline:2px solid #10b981}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--final-light:#acc8a2;--final-dark:#1a2517;--final-surface:#a0bb97;--final-surface-2:#95ae8c;--final-border:#7a9173}body,p,li,small,span,a,button,h1,h2,h3,h4,h5,h6,.text-black,.text-white,[class*=text-]{color:var(--final-dark)!important}nav,.glass-effect,.modern-card,.code-highlight,.project-card,.feature-card,.tech-category,.api-section,[class*=bg-]{background:linear-gradient(150deg,var(--final-surface)0%,var(--final-surface-2)100%)!important;border-color:var(--final-border)!important}nav{-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%);box-shadow:0 10px 24px #1a251729!important}nav a,.nav-item,.nav-link{color:var(--final-dark)!important}nav a:hover,.nav-item:hover,.nav-link:hover{border-radius:999px;padding-inline:.8rem;background:var(--final-dark)!important;color:var(--final-light)!important}input,textarea,button,.btn{background:var(--final-surface)!important;color:var(--final-dark)!important;border:1px solid var(--final-border)!important}button:hover,.btn:hover{background:var(--final-dark)!important;color:var(--final-light)!important}:root{--brand-light:#acc8a2;--brand-dark:#1a2517;--brand-dark-2:#2e3c2a;--brand-dark-3:#43533e;--brand-soft:#8ca483;--brand-muted:#6c8065;--brand-border:#576951}.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200,.bg-gray-700,.bg-gray-800,.bg-gray-900,.modern-card,.glass-effect,.code-highlight,.gradient-bg{box-shadow:0 14px 40px #00000059,inset 0 1px #acc8a21f;color:var(--brand-light)!important;border:1px solid var(--brand-border)!important;background:linear-gradient(155deg,#374633 0%,#263222 100%)!important}.project-card,.feature-card,.tech-category,.api-section{box-shadow:0 10px 30px #0000004d;border:1px solid var(--brand-border)!important;background:linear-gradient(145deg,#2e3c2a 0%,#243021 100%)!important}.project-card:hover,.feature-card:hover,.tech-category:hover,.api-section:hover{transform:translateY(-8px)!important;box-shadow:0 22px 44px #00000061,0 0 0 1px #667a5f!important}.text-black,.text-white,.text-gray-100,.text-gray-200,.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900,.text-blue-200,.text-blue-400,.text-green-200,.text-green-400,.text-purple-200,.text-purple-400,.text-pink-400,.text-yellow-400,.text-orange-400,.text-emerald-400{color:var(--brand-light)!important}p,li,small,.text-sm,.text-base{color:var(--brand-soft)!important}h1,h2,h3,h4,h5,h6{text-shadow:0 2px 12px #00000047;color:var(--brand-light)!important}.bg-clip-text.text-transparent,.gradient-text{background:linear-gradient(120deg,var(--brand-light)0%,var(--brand-soft)55%,var(--brand-muted)100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}nav{z-index:9999;-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);position:sticky;top:0;box-shadow:0 14px 40px #00000059;background:linear-gradient(#3d4c38 0%,#2c3928 100%)!important;border-bottom:1px solid #54664f!important}nav:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#acc8a28c,#0000);height:1px;position:absolute;inset:0 0 auto}nav .container{background:#344230;border:1px solid #465641;border-radius:999px;box-shadow:inset 0 1px #acc8a229,0 8px 25px #00000042}nav a,.nav-item,.nav-link{opacity:.96;color:var(--brand-light)!important}nav a:hover,.nav-item:hover,.nav-link:hover{background:linear-gradient(130deg,var(--brand-light),#89a181);border-radius:999px;padding-inline:.8rem;color:#1a2517!important}.nav-item:after,.nav-link:after{background:linear-gradient(90deg,var(--brand-light),#6f8468)!important;height:2px!important}#mobile-menu{border-radius:.9rem;margin-top:.6rem;box-shadow:0 12px 28px #00000052;border-top:1px solid var(--brand-border)!important;background:#313f2d!important}button,.btn,.tech-badge,.tag,[class*=rounded-full]{border-color:var(--brand-border)!important}button,.btn{box-shadow:inset 0 1px #acc8a233,0 8px 18px #00000042;color:var(--brand-light)!important;background:linear-gradient(130deg,#4c5c46,#313f2d)!important}button:hover,.btn:hover{color:var(--brand-dark)!important;background:linear-gradient(125deg,#869e7e,#6f8468)!important}input,textarea{color:var(--brand-light)!important;border:1px solid var(--brand-border)!important;background:#313f2d!important}input::placeholder,textarea::placeholder{color:var(--brand-muted)!important}input:focus,textarea:focus,button:focus,a:focus{outline-offset:2px;outline:2px solid var(--brand-light)!important}[class*=from-]{--tw-gradient-from:var(--brand-light)var(--tw-gradient-from-position)!important;--tw-gradient-to:#acc8a200 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}[class*=via-]{--tw-gradient-via:#7d9476 var(--tw-gradient-via-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to)!important}[class*=to-]{--tw-gradient-to:#2e3c2a var(--tw-gradient-to-position)!important}:root{--enf-bg:#acc8a2;--enf-text:#1a2517;--enf-surface:#a0bb97;--enf-surface-2:#95ae8c;--enf-border:#7a9173}html body{background:var(--enf-bg)!important;color:var(--enf-text)!important}html body,html body p,html body li,html body span,html body a,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body button,html body input,html body textarea,html body [class*=text-]{color:var(--enf-text)!important}html body nav,html body .glass-effect,html body .modern-card,html body .code-highlight,html body .project-card,html body .feature-card,html body .tech-category,html body .api-section,html body #mobile-menu,html body [class*=bg-]{background:linear-gradient(150deg,var(--enf-surface)0%,var(--enf-surface-2)100%)!important;border-color:var(--enf-border)!important}html body nav{-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%);box-shadow:0 10px 24px #1a251729!important}html body nav a:hover,html body .nav-item:hover,html body .nav-link:hover,html body button:hover,html body .btn:hover{color:#acc8a2!important;background:#1a2517!important}:root{--m-bg:#acc8a2;--m-ink:#1a2517;--m-surface:#fff;--m-surface-2:#fcfefb;--m-accent:#2a3a25;--m-line:#dbe8d7;--m-shadow:0 14px 30px #1a251724}html,body{background:radial-gradient(1200px 620px at 0% -10%,#fff 0%,transparent 66%),radial-gradient(1200px 620px at 100% 0%,#fcfefb 0%,transparent 66%),var(--m-bg)!important;color:var(--m-ink)!important}html body nav{box-shadow:var(--m-shadow);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);border-radius:999px;border:1px solid var(--m-line)!important;background:color-mix(in srgb,var(--m-surface)94%,white 6%)!important;z-index:9999!important;width:min(1160px,100% - 1.5rem)!important;position:fixed!important;top:12px!important;left:50%!important;transform:translate(-50%)!important}html body nav .container{box-shadow:none!important;background:0 0!important;border:0!important}html body nav.glass-effect,html body nav[class*=border],html body nav [class*=border]{box-shadow:none!important;border-color:#0000!important}html body nav{box-shadow:var(--m-shadow)!important}html body .nav-item,html body .nav-link,html body nav a{letter-spacing:.01em;font-weight:600;color:var(--m-ink)!important}html body .nav-item:hover,html body .nav-link:hover,html body nav a:hover{border-radius:999px;padding-inline:.85rem;background:var(--m-accent)!important;color:#eaf3e6!important}html body #mobile-menu{background:var(--m-surface)!important;border:1px solid var(--m-line)!important;box-shadow:0 12px 24px #1a25171f!important}html body .glass-effect,html body .modern-card,html body .project-card,html body .feature-card,html body .tech-category,html body .api-section,html body .code-highlight{border:1px solid var(--m-line)!important;box-shadow:var(--m-shadow)!important;background:linear-gradient(155deg,#fff 0%,#fcfefb 100%)!important;border-radius:1.1rem!important}html body .project-card:hover,html body .feature-card:hover,html body .tech-category:hover,html body .api-section:hover{transform:translateY(-6px)scale(1.01)!important;box-shadow:0 20px 34px #1a25172e!important}html body .gradient-bg{border:1px solid var(--m-line)!important;background:linear-gradient(135deg,#fff 0%,#fcfefb 65%,#f7fbf4 100%)!important}html body h1,html body h2,html body h3{letter-spacing:-.015em;color:var(--m-ink)!important}html body p,html body li,html body .text-sm,html body .text-base{color:color-mix(in srgb,var(--m-ink)78%,#52724a 22%)!important}html body button,html body .btn{border:1px solid var(--m-line)!important;color:var(--m-ink)!important;background:linear-gradient(130deg,#fff,#fcfefb)!important;border-radius:.8rem!important;box-shadow:inset 0 1px #fff9,0 8px 16px #1a25171f!important}html body button:hover,html body .btn:hover{background:var(--m-accent)!important;color:#edf6e8!important}html body input,html body textarea{color:var(--m-ink)!important;border:1px solid var(--m-line)!important;background:#fff!important;border-radius:.7rem!important}html body input::placeholder,html body textarea::placeholder{color:color-mix(in srgb,var(--m-ink)45%,white 55%)!important}:root{--v4-bg:#f2f8ef;--v4-surface:#eef6ea;--v4-border:#d4e5ce}html body{background:var(--v4-bg)!important;color:#1a2517!important;background-image:none!important}html body section,html body nav,html body footer,html body main,html body article,html body .glass-effect,html body .modern-card,html body .project-card,html body .feature-card,html body .tech-category,html body .api-section,html body .code-highlight,html body #mobile-menu,html body [class*=bg-]{background:var(--v4-surface)!important;color:#1a2517!important;border-color:var(--v4-border)!important;background-image:none!important}html body nav{background:#1a2517!important;border-color:#2a3a25!important}html body nav *,html body nav a,html body .nav-item,html body .nav-link{color:var(--v4-bg)!important}html body nav a:hover,html body .nav-item:hover,html body .nav-link:hover{color:var(--v4-bg)!important;background:#4a5347!important}html body nav[class],html body nav[class*=bg-],html body nav.glass-effect,html body nav.fixed,html body nav.sticky{background:#1a2517!important;border:1px solid #2a3a25!important;box-shadow:0 12px 24px #1a251752!important}html body nav[class] *,html body nav[class] a,html body nav[class] .nav-item,html body nav[class] .nav-link,html body nav[class] [class*=text-]{color:#f2f8ef!important}html body nav[class] a:hover,html body nav[class] .nav-item:hover,html body nav[class] .nav-link:hover{color:#f2f8ef!important;background:#566053!important}.page-home{overflow-x:hidden!important}.page-home section,.page-home footer{box-shadow:none!important;border-top:0!important;border-bottom:0!important}.page-home #home{box-shadow:none!important;border-bottom:0!important;outline:none!important;overflow:hidden!important}.page-home #home>.absolute,.page-home #home .animate-gradient{width:100%!important;max-width:100%!important;box-shadow:none!important;border-bottom:0!important;left:0!important;right:0!important}.page-home #home:before,.page-home #home:after{box-shadow:none!important;border:0!important}html body *,html body [class*=text-],html body a,html body p,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body li,html body span,html body button{color:#1a2517!important}.page-home #home button{color:#f2f8ef!important;background:linear-gradient(135deg,#1a2517 0%,#2a3a25 100%)!important;border:1px solid #1a2517!important;border-radius:999px!important;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s!important;transform:none!important;box-shadow:0 8px 18px #1a251738!important}.page-home #home button:hover{color:#f2f8ef!important;background:linear-gradient(135deg,#2a3a25 0%,#3a5232 100%)!important;transform:translateY(-1px)!important;box-shadow:0 12px 24px #1a251747!important}.page-home #contact button[type=submit]{box-shadow:0 0 0 3px #1a251738,0 8px 18px #1a251738!important}.page-home #contact button[type=submit]:hover{box-shadow:0 0 0 4px #1a251757,0 12px 24px #1a251747!important}.page-home nav a,.page-home nav .nav-item,.page-home nav .nav-link,.page-home nav [class*=text-],.page-project nav a,.page-project nav .nav-item,.page-project nav .nav-link,.page-project nav [class*=text-]{color:#f2f8ef!important}.page-home nav #mobile-menu-btn,.page-home nav .md\:hidden,.page-project nav #mobile-menu-btn,.page-project nav .md\:hidden,.page-project nav #mobile-menu-toggle{color:#f2f8ef!important;box-shadow:none!important;background:0 0!important;border:0!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.page-home #mobile-menu,.page-project #mobile-menu{background:#1a2517!important;border:1px solid #2a3a25!important;border-radius:.75rem!important;max-height:none!important;overflow:visible!important}.page-home #mobile-menu.hidden,.page-project #mobile-menu.hidden{display:none!important}.page-home #mobile-menu:not(.hidden),.page-project #mobile-menu:not(.hidden){display:block!important}.page-home #mobile-menu a,.page-project #mobile-menu a{color:#f2f8ef!important}html body nav a.is-active,html body nav a[aria-current=page],html body nav .nav-item.is-active,html body nav .nav-link.is-active{color:#f2f8ef!important;background:#5b6458!important;border-radius:999px!important;padding-inline:.8rem!important;box-shadow:inset 0 0 0 1px #f2f8ef33!important}.page-home nav,.page-home nav.glass-effect,.page-project nav,.page-project nav.glass-effect{position:fixed!important;overflow:visible!important}.page-home nav .container,.page-project nav .container{position:relative!important;overflow:visible!important}@media (max-width:768px){.page-home nav,.page-project nav{border-radius:.9rem!important}.page-home #mobile-menu,.page-project #mobile-menu{z-index:10000!important;border-radius:.85rem!important;padding:.6rem .75rem!important;position:absolute!important;top:calc(100% + .5rem)!important;left:0!important;right:0!important;box-shadow:0 14px 28px #1a251747!important}}@media (min-width:769px){.page-home nav #mobile-menu-btn,.page-home nav .md\:hidden,.page-project nav #mobile-menu-btn,.page-project nav .md\:hidden,.page-project nav #mobile-menu-toggle{visibility:hidden!important;pointer-events:none!important;display:none!important}}html body nav a.is-active,html body nav a[aria-current=page],html body nav .nav-item.is-active,html body nav .nav-link.is-active,html body nav[class] a.is-active,html body nav[class] a[aria-current=page],html body nav[class] .nav-item.is-active,html body nav[class] .nav-link.is-active{color:#f2f8ef!important;background:#566053!important;border-radius:999px!important;padding-inline:.85rem!important;box-shadow:inset 0 0 0 1px #f2f8ef3d!important}html body nav a.is-active:after,html body nav a[aria-current=page]:after,html body nav .nav-item.is-active:after,html body nav .nav-link.is-active:after{width:100%!important}