@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap);:root{--primary:#000;--primary-dark:#333;--primary-light:#666;--secondary:#666;--accent:#000;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#000;--text-secondary:#333;--text-muted:#666;--border-color:#e5e5e5;--white:#fff;--black:#000;--gray-50:#f8f9fa;--gray-100:#e9ecef;--gray-200:#dee2e6;--gray-300:#ced4da;--gray-400:#adb5bd;--gray-500:#6c757d;--gray-600:#495057;--gray-700:#343a40;--gray-800:#212529;--gray-900:#000;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Monaco","Cascadia Code",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:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--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 -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}[data-theme=dark]{--primary:#fff;--primary-dark:#ccc;--primary-light:#999;--secondary:#999;--accent:#fff;--black-text:#fff;--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#ccc;--border-color:#333;--card-bg:#1a1a1a;--black-text:#000;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 8px 10px -6px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#000;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6;transition:background-color .3s ease,color .3s ease}.App,.app-layout{min-height:100vh}.app-layout{display:flex;flex-direction:column}.main-content{flex:1 1;padding-top:80px}h1,h2,h3,h4,h5,h6{color:#000;color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h2,h3{font-weight:600}h3{font-size:clamp(1.25rem,3vw,1.875rem)}p{color:#333;color:var(--text-secondary);font-size:1rem;line-height:1.7}a{color:inherit;text-decoration:none}a,button{transition:all .2s ease}button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center}.btn-primary{background:#000;background:var(--primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#fff;color:var(--bg-primary);font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.btn-primary:hover{background:#333;background:var(--primary-dark);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid #000;border:2px solid var(--primary);color:#000;color:var(--primary);font-size:1rem;font-weight:600;padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.btn-secondary:hover{background:#000;background:var(--primary);color:#fff;color:var(--bg-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.section{padding:4rem 0;padding:var(--space-3xl) 0}.section-title{margin-bottom:3rem;margin-bottom:var(--space-2xl);position:relative;text-align:center}.section-title:after{background:#000;background:var(--primary);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px}.animate-fade-in-up{-webkit-animation:fadeInUp .6s ease-out;animation:fadeInUp .6s ease-out}.animate-fade-in{-webkit-animation:fadeIn .6s ease-out;animation:fadeIn .6s ease-out}.text-gradient{-webkit-text-fill-color:transparent;background:#000;background:var(--primary);-webkit-background-clip:text;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}[data-theme=dark] .glass-effect{background:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1)}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--space-md)}.section{padding:3rem 0;padding:var(--space-2xl) 0}.main-content{padding-top:70px}}:root{--card-bg:#fff}.projects-section{background:var(--bg-primary);min-height:100vh;padding:var(--space-3xl) 0}.projects-container{margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.projects-header{margin-bottom:var(--space-3xl);text-align:center}.projects-title{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--space-md)}.projects-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:700px}.projects-filter{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--space-3xl);padding:var(--space-xl)}.filter-header{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-lg)}.filter-header svg{color:var(--primary)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.filter-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.filter-btn.active,.filter-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--bg-primary)}.filter-btn.active{box-shadow:var(--shadow-md)}.filter-count{font-size:.75rem;opacity:.8}.projects-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin:0 auto;max-width:1400px}.project-card{-webkit-animation:fadeInUp .6s ease-out forwards;animation:fadeInUp .6s ease-out forwards;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl)}.project-card:before{background:var(--primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.project-image{align-items:center;background:var(--bg-secondary);display:flex;height:240px;justify-content:center;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%}.project-card:hover .project-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-overlay{position:absolute;right:var(--space-md);top:var(--space-md);z-index:2}.project-date-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border-radius:var(--radius-lg);color:var(--white);display:flex;font-size:.75rem;font-weight:500;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}[data-theme=dark] .project-date-badge{background:hsla(0,0%,100%,.9);color:var(--black)}.project-date-badge svg{color:var(--bg-primary);font-size:.875rem}.placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:1rem;gap:var(--space-sm)}.placeholder svg{color:var(--primary);font-size:3rem;opacity:.5}.project-info{display:flex;flex-direction:column;flex-grow:1;padding:var(--space-xl)}.project-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}.project-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.project-links{display:flex;flex-shrink:0;gap:var(--space-sm)}.project-link{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.project-link:hover{background:var(--primary);box-shadow:var(--shadow-sm);color:var(--bg-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-desc{color:var(--text-secondary);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:var(--space-lg)}.project-stack{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.tech-tag{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--primary);font-size:.8rem;font-weight:500;padding:var(--space-xs) var(--space-md);transition:all .2s ease}.tech-tag:hover{background:var(--primary);box-shadow:var(--shadow-sm);color:var(--bg-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.project-buttons .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;font-weight:500;gap:var(--space-sm);justify-content:center;min-width:120px;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .2s ease}.project-buttons .btn-primary{background:var(--primary);box-shadow:var(--shadow-sm);color:var(--bg-primary)}.project-buttons .btn-primary:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-buttons .btn-secondary{background:transparent;border:1px solid var(--primary);color:var(--primary)}.project-buttons .btn-secondary:hover{background:var(--primary);color:var(--bg-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.no-projects{align-items:center;background:#fff;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-muted);display:flex;flex-direction:column;font-size:1.125rem;gap:var(--space-lg);grid-column:1/-1;margin-top:var(--space-3xl);padding:var(--space-3xl);text-align:center}.no-projects svg{color:var(--primary);font-size:4rem;opacity:.5}.no-projects .btn{margin-top:var(--space-md)}@media (max-width:1200px){.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.projects-section{padding:var(--space-2xl) 0}.projects-filter{margin-bottom:var(--space-2xl);padding:var(--space-lg)}.filter-buttons{justify-content:center}.filter-btn{font-size:.8rem;padding:var(--space-xs) var(--space-md)}.projects-grid{gap:var(--space-lg);grid-template-columns:1fr}.project-image{height:200px}.project-info{padding:var(--space-lg)}.project-title{font-size:1.25rem}.project-buttons .btn{font-size:.8rem;min-width:100px;padding:var(--space-xs) var(--space-sm)}}@media (max-width:480px){.projects-filter{padding:var(--space-md)}.filter-header{font-size:1rem}.filter-buttons{gap:var(--space-xs)}.filter-btn{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.project-image{height:180px}.project-info{padding:var(--space-md)}.project-header{flex-direction:column;gap:var(--space-sm)}.project-links{align-self:flex-start}.tech-tag{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.project-buttons{flex-direction:column}.project-buttons .btn{justify-content:center;width:100%}}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-3xl) 0 var(--space-lg)}.footer-container{margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.footer-content{grid-gap:var(--space-2xl);border-bottom:1px solid var(--border-color);display:grid;gap:var(--space-2xl);grid-template-columns:2fr 1fr 1fr;margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl)}.footer-section{display:flex;flex-direction:column;gap:var(--space-md)}.footer-brand{color:var(--primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:700;margin:0}.footer-description{color:var(--text-secondary);line-height:1.6;margin:0;max-width:400px}.footer-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:all .2s ease}.footer-links a:hover{color:var(--primary);-webkit-transform:translateX(5px);transform:translateX(5px)}.footer-social{display:flex;gap:var(--space-md)}.footer-social a{align-items:center;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.25rem;height:45px;justify-content:center;text-decoration:none;transition:all .2s ease;width:45px}.footer-social a:hover{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-lg);color:var(--bg-primary);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer-bottom{text-align:center}.footer-copyright{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;gap:var(--space-sm);justify-content:center;margin:0}.heart-icon{-webkit-animation:heartbeat 1.5s ease-in-out infinite;animation:heartbeat 1.5s ease-in-out infinite;color:var(--error)}@-webkit-keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media (max-width:768px){.footer{padding:var(--space-2xl) 0 var(--space-lg)}.footer-container{padding:0 var(--space-md)}.footer-content{gap:var(--space-xl);grid-template-columns:1fr;text-align:center}.footer-description{max-width:none}.footer-links{align-items:center}.footer-links a:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-social{justify-content:center}}@media (max-width:480px){.footer-content{gap:var(--space-lg)}.footer-brand{font-size:1.25rem}.footer-social a{font-size:1.125rem;height:40px;width:40px}.footer-copyright{flex-direction:column;font-size:.8rem;gap:var(--space-xs)}}.about-me{background:var(--bg-primary);padding:var(--space-3xl) 0}.about-container{grid-gap:var(--space-3xl);align-items:center;display:grid;gap:var(--space-3xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.about-image-container{align-items:center;display:flex;justify-content:center;position:relative}.about-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:auto;max-width:400px;transition:all .3s ease;width:100%}.about-img:hover{box-shadow:var(--shadow-xl);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.about-image-container:before{background:var(--primary);border-radius:var(--radius-xl);bottom:-20px;content:"";left:20px;opacity:.1;position:absolute;right:-20px;top:20px;z-index:1}.about-text{display:flex;flex-direction:column;gap:var(--space-lg)}.about-title{color:var(--text-primary);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-md);position:relative}.about-title:after{background:var(--primary);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.about-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:var(--space-lg)}.about-highlights{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.about-highlight{align-items:flex-start;background:var(--bg-primary);border-left:4px solid var(--primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .2s ease}.about-highlight:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);-webkit-transform:translateX(5px);transform:translateX(5px)}.highlight-icon{color:var(--primary);flex-shrink:0;font-size:1.5rem;margin-top:2px}.highlight-text{color:var(--primary);font-size:1rem;line-height:1.6}.about-cta{display:flex;flex-wrap:wrap;gap:var(--space-md)}@media (max-width:968px){.about-container{gap:var(--space-2xl);grid-template-columns:1fr;text-align:center}.about-image-container:before{display:none}.about-title:after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.about-highlight{text-align:left}}@media (max-width:768px){.about-me{padding:var(--space-2xl) 0}.about-container{gap:var(--space-xl);padding:0 var(--space-md)}.about-img{max-width:300px}.about-description{font-size:1rem}.about-highlight{padding:var(--space-sm)}.about-cta{justify-content:center}}@media (max-width:480px){.about-img{max-width:250px}.about-highlight{flex-direction:column;gap:var(--space-sm);text-align:center}.highlight-icon{margin-top:0}}.hero-section{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:80px;position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.geometric-shape{-webkit-animation:shapeFloat 10s ease-in-out infinite;animation:shapeFloat 10s ease-in-out infinite;position:absolute}.shape-inner{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;box-shadow:0 0 30px rgba(var(--primary-rgb),.3);-webkit-filter:blur(2px);filter:blur(2px);height:100%;opacity:.1;position:relative;width:100%}.shape-1{-webkit-animation-delay:0s;animation-delay:0s;height:120px;left:15%;top:10%;width:120px}.shape-2{-webkit-animation-delay:2s;animation-delay:2s;height:80px;right:20%;top:25%;width:80px}.shape-3{-webkit-animation-delay:4s;animation-delay:4s;height:100px;left:10%;top:60%;width:100px}.shape-4{-webkit-animation-delay:6s;animation-delay:6s;height:60px;right:15%;top:70%;width:60px}.shape-5{-webkit-animation-delay:8s;animation-delay:8s;height:90px;left:70%;top:40%;width:90px}.shape-6{-webkit-animation-delay:10s;animation-delay:10s;height:70px;left:60%;top:20%;width:70px}.shape-7{-webkit-animation-delay:12s;animation-delay:12s;height:110px;left:30%;top:80%;width:110px}.shape-8{-webkit-animation-delay:14s;animation-delay:14s;height:50px;left:85%;top:30%;width:50px}.shape-9{-webkit-animation-delay:16s;animation-delay:16s;height:85px;left:45%;top:50%;width:85px}.shape-10{-webkit-animation-delay:18s;animation-delay:18s;height:75px;left:40%;top:15%;width:75px}.shape-11{-webkit-animation-delay:20s;animation-delay:20s;height:95px;left:80%;top:75%;width:95px}.shape-12{-webkit-animation-delay:22s;animation-delay:22s;height:65px;left:25%;top:35%;width:65px}.floating-orb{-webkit-animation:orbFloat 8s ease-in-out infinite;animation:orbFloat 8s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;box-shadow:0 0 20px hsla(0,0%,100%,.1);position:absolute}.orb-1{-webkit-animation-delay:0s;animation-delay:0s;height:40px;left:30%;top:20%;width:40px}.orb-2{-webkit-animation-delay:2s;animation-delay:2s;height:25px;right:25%;top:45%;width:25px}.orb-3{-webkit-animation-delay:4s;animation-delay:4s;height:35px;left:20%;top:65%;width:35px}.orb-4{-webkit-animation-delay:6s;animation-delay:6s;height:20px;left:75%;top:30%;width:20px}.orb-5{-webkit-animation-delay:8s;animation-delay:8s;height:30px;right:10%;top:80%;width:30px}.orb-6{-webkit-animation-delay:10s;animation-delay:10s;height:15px;left:90%;top:15%;width:15px}.animated-line{-webkit-animation:lineFlow 6s ease-in-out infinite;animation:lineFlow 6s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--primary),transparent);height:1px;opacity:.3;position:absolute}.line-1{-webkit-animation-delay:0s;animation-delay:0s;left:10%;top:25%;width:200px}.line-2{-webkit-animation-delay:2s;animation-delay:2s;right:15%;top:60%;width:150px}.line-3{-webkit-animation-delay:4s;animation-delay:4s;left:60%;top:40%;width:180px}.line-4{-webkit-animation-delay:6s;animation-delay:6s;left:30%;top:75%;width:120px}.glow-particle{-webkit-animation:glowPulse 4s ease-in-out infinite;animation:glowPulse 4s ease-in-out infinite;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);height:3px;position:absolute;width:3px}.glow-1{-webkit-animation-delay:0s;animation-delay:0s;left:25%;top:15%}.glow-2{-webkit-animation-delay:.5s;animation-delay:.5s;right:20%;top:35%}.glow-3{-webkit-animation-delay:1s;animation-delay:1s;left:15%;top:55%}.glow-4{-webkit-animation-delay:1.5s;animation-delay:1.5s;right:30%;top:70%}.glow-5{-webkit-animation-delay:2s;animation-delay:2s;left:70%;top:25%}.glow-6{-webkit-animation-delay:2.5s;animation-delay:2.5s;left:85%;top:45%}.glow-7{-webkit-animation-delay:3s;animation-delay:3s;left:40%;top:85%}.glow-8{-webkit-animation-delay:3.5s;animation-delay:3.5s;left:50%;top:10%}@-webkit-keyframes shapeFloat{0%,to{-webkit-transform:translateY(0) rotate(0deg) scale(1);transform:translateY(0) rotate(0deg) scale(1)}25%{-webkit-transform:translateY(-20px) rotate(90deg) scale(1.1);transform:translateY(-20px) rotate(90deg) scale(1.1)}50%{-webkit-transform:translateY(-30px) rotate(180deg) scale(.9);transform:translateY(-30px) rotate(180deg) scale(.9)}75%{-webkit-transform:translateY(-15px) rotate(270deg) scale(1.05);transform:translateY(-15px) rotate(270deg) scale(1.05)}}@keyframes shapeFloat{0%,to{-webkit-transform:translateY(0) rotate(0deg) scale(1);transform:translateY(0) rotate(0deg) scale(1)}25%{-webkit-transform:translateY(-20px) rotate(90deg) scale(1.1);transform:translateY(-20px) rotate(90deg) scale(1.1)}50%{-webkit-transform:translateY(-30px) rotate(180deg) scale(.9);transform:translateY(-30px) rotate(180deg) scale(.9)}75%{-webkit-transform:translateY(-15px) rotate(270deg) scale(1.05);transform:translateY(-15px) rotate(270deg) scale(1.05)}}@-webkit-keyframes orbFloat{0%,to{opacity:.3;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}25%{opacity:.6;-webkit-transform:translateY(-15px) translateX(10px);transform:translateY(-15px) translateX(10px)}50%{opacity:.4;-webkit-transform:translateY(-25px) translateX(-5px);transform:translateY(-25px) translateX(-5px)}75%{opacity:.7;-webkit-transform:translateY(-10px) translateX(15px);transform:translateY(-10px) translateX(15px)}}@keyframes orbFloat{0%,to{opacity:.3;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}25%{opacity:.6;-webkit-transform:translateY(-15px) translateX(10px);transform:translateY(-15px) translateX(10px)}50%{opacity:.4;-webkit-transform:translateY(-25px) translateX(-5px);transform:translateY(-25px) translateX(-5px)}75%{opacity:.7;-webkit-transform:translateY(-10px) translateX(15px);transform:translateY(-10px) translateX(15px)}}@-webkit-keyframes lineFlow{0%,to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.3;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes lineFlow{0%,to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.3;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes glowPulse{0%,to{box-shadow:0 0 10px var(--primary);opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 20px var(--primary),0 0 30px var(--primary);opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px var(--primary);opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 20px var(--primary),0 0 30px var(--primary);opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}}.hero-content{margin:0 auto;max-width:800px;padding:0 var(--space-lg);position:relative;text-align:center;z-index:2}.hero-text{flex-direction:column;gap:var(--space-lg)}.hero-greeting,.hero-text{align-items:center;display:flex}.hero-greeting{color:var(--text-secondary);font-size:1.25rem;font-weight:500;gap:var(--space-sm)}.wave-icon{-webkit-animation:wave 2s ease-in-out infinite;animation:wave 2s ease-in-out infinite;color:var(--primary);font-size:1.5rem}@-webkit-keyframes wave{0%,to{transfm:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes wave{0%,to{transfm:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.hero-name{color:var(--text-primary);font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1;margin:0}.hero-title{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:500}.hero-description,.hero-title{color:var(--text-secondary);margin:0}.hero-description{font-size:1.125rem;line-height:1.7;max-width:600px}.hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin:var(--space-lg) 0}.tag{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--black-text);font-size:.875rem;font-weight:500;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.tag:hover{border-color:var(--primary);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin:var(--space-xl) 0}.hero-social{display:flex;gap:var(--space-lg);margin-top:var(--space-xl)}.hero-social a{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-secondary);display:flex;font-size:1.25rem;height:50px;justify-content:center;transition:all .2s ease;width:50px}.hero-social a:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);color:var(--primary);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.scroll-indicator{align-items:center;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;bottom:var(--space-2xl);color:var(--text-muted);display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:var(--space-sm);left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.scroll-indicator svg{font-size:1.5rem}@-webkit-keyframes boun{0%,20%,50%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@keyframes boun{0%,20%,50%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@media (max-width:1024px){.hero-section{padding:80px 32px}.hero-content{padding:0 var(--space-md)}}@media (max-width:768px){.hero-section{min-height:90vh;padding:60px 24px}.hero-content{padding:0 var(--space-md)}.hero-actions,.hero-text{gap:var(--space-md)}.hero-actions{align-items:center;flex-direction:column}.hero-social{gap:var(--space-md)}.hero-social a{font-size:1.125rem;height:45px;width:45px}.shape-1,.shape-7{height:80px;width:80px}.shape-2,.shape-4,.shape-8{height:50px;width:50px}.shape-11,.shape-3,.shape-5,.shape-9{height:70px;width:70px}.shape-10,.shape-12,.shape-6{height:60px;width:60px}.orb-1,.orb-3{height:30px;width:30px}.orb-2,.orb-4,.orb-5{height:20px;width:20px}.orb-6{height:12px;width:12px}.line-1{width:150px}.line-2,.line-3{width:120px}.line-4{width:100px}}@media (max-width:480px){.hero-section{padding:56px 16px}.hero-greeting{font-size:1.125rem}.hero-description{font-size:1rem}.hero-tags{gap:var(--space-xs)}.tag{font-size:.8rem;padding:var(--space-xs) var(--space-sm)}.scroll-indicator{bottom:var(--space-lg)}.shape-1,.shape-7{height:50px;width:50px}.shape-2,.shape-4,.shape-8{height:30px;width:30px}.shape-11,.shape-3,.shape-5,.shape-9{height:40px;width:40px}.shape-10,.shape-12,.shape-6{height:35px;width:35px}.orb-1,.orb-3{height:20px;width:20px}.orb-2,.orb-4,.orb-5{height:15px;width:15px}.orb-6{height:10px;width:10px}.line-1{width:100px}.line-2,.line-3{width:80px}.line-4{width:60px}.glow-4,.glow-6,.glow-8,.line-4,.orb-4,.orb-6,.shape-11,.shape-8{display:none}}@media (min-width:1440px){.hero-content{max-width:900px}}.skills-logos-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);padding:var(--space-3xl) 0;position:relative}.skills-logos-section:before{background:radial-gradient(circle at 20% 80%,rgba(245,158,11,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.skills-container{margin:0 auto;max-width:1200px;padding:0 var(--space-lg);position:relative;z-index:1}.skills-header{margin-bottom:var(--space-3xl);text-align:center}.skills-title{color:var(--text-primary);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-md)}.skills-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:600px}.skills-logos-grid{grid-gap:var(--space-xl);-webkit-animation:fadeIn .8s ease;animation:fadeIn .8s ease;display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto;max-width:900px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skill-logo-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:var(--space-xl);position:relative;transition:all .3s ease}.skill-logo-item:before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.skill-logo-item:hover:before{left:100%}.skill-logo-item:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.skill-logo-item svg{color:var(--primary);font-size:2.5rem;margin-bottom:var(--space-md);transition:all .3s ease}.skill-logo-item:hover svg{color:var(--primary-light);-webkit-transform:scale(1.1);transform:scale(1.1)}.skill-logo-item:after{bottom:var(--space-sm);color:var(--text-secondary);content:attr(title);font-size:.75rem;font-weight:500;opacity:0;position:absolute;text-align:center;-webkit-transform:translateY(10px);transform:translateY(10px);transition:all .3s ease}.skill-logo-item:hover:after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.skills-categories{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-2xl);padding:0 var(--space-lg)}.category-tab{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all .3s ease;white-space:nowrap}.category-tab:hover{box-shadow:var(--shadow-md);color:var(--primary)}.category-tab.active,.category-tab:hover{border-color:var(--primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.category-tab.active{background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:var(--shadow-lg);color:var(--bg-primary)}.category-description{-webkit-animation:fadeInUp .6s ease;animation:fadeInUp .6s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-left:auto;margin-right:auto;margin-top:var(--space-3xl);max-width:800px;padding:var(--space-2xl);text-align:center}.category-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-md)}.category-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0}@media (max-width:1024px){.skills-categories{gap:var(--space-sm);padding:0 var(--space-md)}.category-tab{font-size:.85rem;padding:var(--space-xs) var(--space-md)}.category-description{margin-top:var(--space-2xl);padding:var(--space-xl)}.category-title{font-size:1.3rem}.category-text{font-size:1rem}}@media (max-width:768px){.skills-logos-section{padding:var(--space-2xl) 0}.skills-container{padding:0 var(--space-md)}.skills-logos-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.skill-logo-item{padding:var(--space-lg)}.skill-logo-item svg{font-size:2rem}.skills-categories{align-items:center;flex-direction:column;gap:var(--space-sm)}.category-tab{font-size:.9rem;max-width:300px;padding:var(--space-sm) var(--space-lg);width:100%}.category-description{margin-top:var(--space-xl);padding:var(--space-lg)}.category-title{font-size:1.2rem}.category-text{font-size:.95rem}}@media (max-width:480px){.skills-logos-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.skill-logo-item{padding:var(--space-md)}.skill-logo-item svg{font-size:1.75rem}.skills-categories{padding:0 var(--space-sm)}.category-tab{font-size:.8rem;max-width:250px;padding:var(--space-xs) var(--space-md)}.category-description{margin-top:var(--space-lg);padding:var(--space-md)}.category-title{font-size:1.1rem}.category-text{font-size:.9rem}}@media (max-width:360px){.skills-logos-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.skill-logo-item{padding:var(--space-sm)}.skill-logo-item svg{font-size:1.5rem}.category-tab{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}}:root{--bg-start:#f0f0f3;--bg-end:#fff;--text-dark:#2c3e50;--text-light:#555;--card-bg:hsla(0,0%,100%,.9)}.experience-section{background:var(--bg-primary);padding:var(--space-3xl) 0;position:relative}.experience-container{margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.experience-header{margin-bottom:var(--space-3xl);text-align:center}.experience-title{color:var(--primary);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--space-md)}.experience-subtitle{color:var(--primary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:700px}.experience-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:var(--space-2xl)}.experience-card{-webkit-animation:fadeInUp .6s ease-out forwards;animation:fadeInUp .6s ease-out forwards;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.experience-card:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.experience-card:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.experience-card:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.experience-card:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.experience-card:before{background:linear-gradient(90deg,var(--primary),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.experience-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.card-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--space-xl)}.card-header,.company-logo{align-items:center;display:flex}.company-logo{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:60px;justify-content:center;overflow:hidden;width:60px}.company-logo img{height:100%;object-fit:cover;width:100%}.card-badge{align-items:center;background:var(--primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--bg-primary);display:flex;font-size:.75rem;font-weight:600;gap:var(--space-xs);letter-spacing:.5px;padding:var(--space-xs) var(--space-md);text-transform:uppercase}.card-badge svg{font-size:.875rem}.card-content{padding:var(--space-xl)}.position-info{margin-bottom:var(--space-lg)}.position-title{color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--space-xs)}.company-name{color:var(--primary);font-size:1.25rem;font-weight:600;margin:0}.experience-meta{border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.meta-item{align-items:center;display:flex;font-weight:500;gap:var(--space-xs)}.meta-item,.meta-item svg{color:var(--primary);font-size:.875rem}.description{margin-bottom:var(--space-xl)}.description-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;margin:0;padding:0}.description-list li{color:var(--primary);line-height:1.6;padding-left:var(--space-lg);position:relative}.description-list li:before{background:var(--primary);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.75rem;width:6px}.skills{border-top:1px solid var(--border-color);padding-top:var(--space-lg)}.skills h5{align-items:center;color:var(--primary);display:flex;font-size:1rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-md)}.skills h5:before{background:var(--primary);border-radius:2px;content:"";height:1rem;width:3px}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--primary);font-size:.8rem;font-weight:500;padding:var(--space-xs) var(--space-md);transition:all .2s ease}.skill-tag:hover{background:var(--primary);box-shadow:var(--shadow-sm);color:var(--bg-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:1024px){.experience-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}@media (max-width:768px){.experience-section{padding:var(--space-2xl) 0}.experience-container{padding:0 var(--space-md)}.experience-grid{gap:var(--space-lg);grid-template-columns:1fr}.card-header{padding:var(--space-lg)}.company-logo{height:50px;width:50px}.card-content{padding:var(--space-lg)}.experience-meta{flex-direction:column;gap:var(--space-md)}.position-title{font-size:1.25rem}.company-name{font-size:1.125rem}}@media (max-width:480px){.experience-header{margin-bottom:var(--space-2xl)}.card-content,.card-header{padding:var(--space-md)}.company-logo{height:45px;width:45px}.card-badge{font-size:.7rem;padding:var(--space-xs) var(--space-sm)}.position-title{font-size:1.125rem}.company-name{font-size:1rem}.meta-item{font-size:.8rem}.description-list li{font-size:.875rem;padding-left:var(--space-md)}.skill-tag{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}}.navbar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid var(--border-color);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}[data-theme=dark] .navbar-container{background:rgba(0,0,0,.95)}.navbar-container.scrolled{background:hsla(0,0%,100%,.98);box-shadow:var(--shadow-md)}[data-theme=dark] .navbar-container.scrolled{background:rgba(0,0,0,.98)}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--space-md) var(--space-lg)}.brand{color:var(--primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:700;transition:all .2s ease}.brand:hover{color:var(--primary-dark);-webkit-transform:scale(1.05);transform:scale(1.05)}.desktop-nav{align-items:center;display:flex;gap:var(--space-xl)}.desktop-nav a{border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;padding:var(--space-sm) var(--space-md);position:relative;transition:all .2s ease}.desktop-nav a.active,.desktop-nav a:hover{background:var(--bg-secondary);color:var(--primary)}.desktop-nav a:after{background:var(--primary);bottom:-2px;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .2s ease;width:0}.desktop-nav a.active:after,.desktop-nav a:hover:after{width:80%}.theme-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:var(--space-md);transition:all .2s ease;width:40px}.theme-toggle:hover{background:var(--primary);color:var(--bg-primary);-webkit-transform:scale(1.05);transform:scale(1.05)}.mobile-menu-icon{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:none;font-size:1.5rem;padding:var(--space-sm);transition:all .2s ease}.mobile-menu-icon:hover{background:var(--bg-secondary);color:var(--primary)}.mobile-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.98);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-md);left:0;opacity:0;padding:var(--space-lg);position:absolute;right:0;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .3s ease;visibility:hidden}[data-theme=dark] .mobile-nav{background:rgba(0,0,0,.98)}.mobile-nav.open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.mobile-nav a{border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;padding:var(--space-md);text-align:center;transition:all .2s ease;width:100%}.mobile-nav a.active,.mobile-nav a:hover{background:var(--bg-secondary);color:var(--primary)}@media (max-width:768px){.navbar-content{padding:var(--space-md)}.desktop-nav{display:none}.mobile-menu-icon{display:block}.theme-toggle{margin-left:var(--space-sm)}}@media (max-width:480px){.brand{font-size:1.25rem}.navbar-content{padding:var(--space-sm) var(--space-md)}}:root{--bg-page:#f5f5f5;--panel-bg:#fff;--text-main:#333;--text-sub:#555;--accent:#3b6155;--border:#ddd;--success:#3b6155;--error:#e74c3c}.contact-section{background:var(--bg-primary);min-height:100vh;padding:var(--space-3xl) 0}.contact-header{margin-bottom:var(--space-3xl);text-align:center}.contact-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:600px}.contact-content{grid-gap:var(--space-3xl);display:grid;gap:var(--space-3xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.contact-info{display:flex;flex-direction:column;gap:var(--space-xl)}.contact-item{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;gap:var(--space-lg);padding:var(--space-xl);transition:all .3s ease}.contact-item:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.contact-icon{color:var(--primary);flex-shrink:0;font-size:1.5rem;margin-top:4px}.contact-item h3{color:#333;color:var(--text-main);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs)}.contact-item p{color:#555;color:var(--text-sub);margin:0}.form-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto;max-width:50%;padding:var(--space-2xl)}.contact-form{gap:var(--space-lg)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-sm)}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;padding:var(--space-md);transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px rgba(245,158,11,.1);outline:none}.form-group textarea{min-height:120px;resize:vertical}.contact-form .btn-primary{align-self:flex-start;margin-top:var(--space-md)}.contact-form .btn-primary:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.feedback{border-radius:var(--radius-md);font-weight:500;margin-top:var(--space-md);padding:var(--space-md);text-align:center}.feedback.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#3b6155;color:var(--success)}.feedback.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#e74c3c;color:var(--error)}@media (max-width:1024px){.contact-section .container{padding:0 var(--space-md)}.form-container{max-width:640px;width:100%}}@media (max-width:768px){.contact-section{padding:var(--space-2xl) 0}.contact-content{gap:var(--space-2xl);grid-template-columns:1fr}.contact-item{padding:var(--space-lg)}.form-container{margin:0 auto;max-width:100%;padding:var(--space-xl);width:100%}.contact-form .btn-primary{justify-content:center;width:100%}}@media (max-width:480px){.contact-item{flex-direction:column;gap:var(--space-md);text-align:center}.contact-icon{margin-top:0}.form-container{padding:var(--space-lg)}.form-group input,.form-group textarea{font-size:1rem;padding:var(--space-md)}.feedback{text-align:left}}@media (min-width:1440px){.form-container{max-width:720px}}.not-found-section{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.not-found-container{margin:0 auto;max-width:600px;text-align:center}.not-found-icon{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;color:var(--primary);font-size:8rem;margin-bottom:var(--space-xl)}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.not-found-title{color:var(--text-primary);font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1;margin-bottom:var(--space-md)}.not-found-subtitle{color:var(--text-secondary);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:500;margin-bottom:var(--space-lg)}.not-found-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:500px}.not-found-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.not-found-actions .btn{min-width:150px}@media (max-width:768px){.not-found-section{padding:var(--space-md)}.not-found-icon{font-size:6rem;margin-bottom:var(--space-lg)}.not-found-actions{align-items:center;flex-direction:column}.not-found-actions .btn{max-width:250px;width:100%}}@media (max-width:480px){.not-found-icon{font-size:4rem}.not-found-title{font-size:2.5rem}.not-found-subtitle{font-size:1.125rem}.not-found-description{font-size:1rem}}
/*# sourceMappingURL=main.9c6aacac.css.map*/