@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-primary:var(--neutral-50);--bg-secondary:#fff;--bg-accent:var(--neutral-100);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--text-muted:var(--neutral-500);--border-color:var(--neutral-200);--shadow-color:rgba(0,0,0,.1);--shadow-hover:rgba(0,0,0,.15);--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-56:14rem;--space-64:16rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--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);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--max-width-xs:20rem;--max-width-sm:24rem;--max-width-md:28rem;--max-width-lg:32rem;--max-width-xl:36rem;--max-width-2xl:42rem;--max-width-3xl:48rem;--max-width-4xl:56rem;--max-width-5xl:64rem;--max-width-6xl:72rem;--max-width-7xl:80rem;--max-width-screen:100vw;--navbar-height:4rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}[data-theme=dark]{--bg-primary:var(--neutral-900);--bg-secondary:var(--neutral-800);--bg-accent:var(--neutral-700);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-200);--text-muted:var(--neutral-400);--border-color:var(--neutral-700);--shadow-color:rgba(0,0,0,.3);--shadow-hover:rgba(0,0,0,.4)}*{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-color:#fafafa;background-color:var(--bg-primary);color:#171717;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);overflow-x:hidden;transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-base),color var(--transition-base)}.App{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{color:#171717;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-heading);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:3rem;font-size:var(--font-size-5xl);font-weight:800;font-weight:var(--font-weight-extrabold)}h2{font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold)}h3{font-size:1.875rem;font-size:var(--font-size-3xl)}h3,h4{font-weight:600;font-weight:var(--font-weight-semibold)}h4{font-size:1.5rem;font-size:var(--font-size-2xl)}h5{font-size:1.25rem;font-size:var(--font-size-xl)}h5,h6{font-weight:500;font-weight:var(--font-weight-medium)}h6{font-size:1.125rem;font-size:var(--font-size-lg)}p{color:#404040;color:var(--text-secondary);line-height:1.625;line-height:var(--line-height-relaxed);margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#0284c7;color:var(--primary-600);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#0369a1;color:var(--primary-700)}[data-theme=dark] a{color:#38bdf8;color:var(--primary-400)}[data-theme=dark] a:hover{color:#7dd3fc;color:var(--primary-300)}.container{margin:0 auto;max-width:80rem;max-width:var(--max-width-7xl);padding:0 1.5rem;padding:0 var(--space-6);width:100%}@media (min-width:640px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 2rem;padding:0 var(--space-8)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.btn,.sr-only{overflow:hidden;white-space:nowrap}.btn{align-items:center;border:1px solid transparent;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:focus{outline:2px solid #0ea5e9;outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#0284c7;background-color:var(--primary-600);border-color:#0284c7;border-color:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:#0369a1;background-color:var(--primary-700);border-color:#0369a1;border-color:var(--primary-700);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-color:initial;border-color:#0284c7;border-color:var(--primary-600);color:#0284c7;color:var(--primary-600)}.btn-secondary:hover:not(:disabled){background-color:#f0f9ff;background-color:var(--primary-50);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);-webkit-transform:translateY(-2px);transform:translateY(-2px)}[data-theme=dark] .btn-secondary{border-color:#38bdf8;border-color:var(--primary-400);color:#38bdf8;color:var(--primary-400)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:#0c4a6e;background-color:var(--primary-900)}.btn-ghost{background-color:initial;border-color:transparent;color:#404040;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:#f5f5f5;background-color:var(--bg-accent);color:#171717;color:var(--text-primary)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.card{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);transition:all .25s ease-in-out;transition:all var(--transition-base)}.card:hover{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(-4px);transform:translateY(-4px)}.section{padding:5rem 0;padding:var(--space-20) 0}.section-header{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.section-title{color:#171717;color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--space-4)}.section-subtitle{color:#0284c7;color:var(--primary-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.section-description{color:#404040;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);margin:0 auto;max-width:48rem;max-width:var(--max-width-3xl)}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@-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)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}.animate-fade-in-up{-webkit-animation:fadeInUp .6s ease-out;animation:fadeInUp .6s ease-out}.animate-fade-in-down{-webkit-animation:fadeInDown .6s ease-out;animation:fadeInDown .6s ease-out}.animate-fade-in-left{-webkit-animation:fadeInLeft .6s ease-out;animation:fadeInLeft .6s ease-out}.animate-fade-in-right{-webkit-animation:fadeInRight .6s ease-out;animation:fadeInRight .6s ease-out}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.8);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);height:4rem;height:var(--navbar-height);left:0;position:fixed;right:0;top:0;transition:all .25s ease-in-out;transition:all var(--transition-base);z-index:1000}[data-theme=dark] .navbar{background-color:rgba(38,38,38,.8)}.navbar.scrolled{background-color:#fff;background-color:var(--bg-secondary);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)}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:80rem;max-width:var(--max-width-7xl);padding:0 1.5rem;padding:0 var(--space-6)}.navbar-logo img{height:2rem;width:auto}.navbar-menu{align-items:center;display:flex;gap:2rem;gap:var(--space-8);list-style:none}.navbar-link{color:#404040;color:var(--text-secondary);font-weight:500;position:relative;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.navbar-link.active,.navbar-link:hover{color:#0284c7;color:var(--primary-600)}.navbar-link:after{background-color:#0284c7;background-color:var(--primary-600);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .15s ease-in-out;transition:width var(--transition-fast);width:0}.navbar-link.active:after,.navbar-link:hover:after{width:100%}.navbar-actions{gap:1rem;gap:var(--space-4)}.navbar-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background-color:#f5f5f5;background-color:var(--bg-accent);border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;height:2.5rem;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:2.5rem}.theme-toggle:hover{background-color:#e0f2fe;background-color:var(--primary-100);-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-toggle svg{color:#171717;color:var(--text-primary);height:1.25rem;width:1.25rem}.navbar-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem;padding:var(--space-2)}.hamburger-line{background-color:#171717;background-color:var(--text-primary);height:2px;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:1.5rem}.navbar-hamburger.active .hamburger-line:first-child{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.navbar-hamburger.active .hamburger-line:nth-child(2){opacity:0}.navbar-hamburger.active .hamburger-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px,-6px);transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.navbar-hamburger{display:flex}.navbar-menu{background-color:#fff;background-color:var(--bg-secondary);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);flex-direction:column;left:0;opacity:0;padding:1.5rem;padding:var(--space-6);position:absolute;right:0;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .25s ease-in-out;transition:all var(--transition-base);visibility:hidden}.navbar-menu.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.navbar-actions .btn{display:none}}.hero-section{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-accent) 100%);display:flex;min-height:100vh;overflow:hidden;padding-top:4rem;padding-top:var(--navbar-height);position:relative}.company-logos{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.logo-circle{align-items:center;display:flex;height:200px;justify-content:center;position:absolute;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:200px}.logo-circle:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.logo-circle img{-webkit-filter:brightness(.9) contrast(1.1);filter:brightness(.9) contrast(1.1);height:110px;object-fit:contain;transition:all .3s ease;width:110px}.logo-circle:hover img{-webkit-filter:brightness(1) contrast(1.2);filter:brightness(1) contrast(1.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.logo-circle-1{left:15%;top:15%}.logo-circle-2{left:28%;top:15%}@-webkit-keyframes gentleFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes gentleFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hero-content{grid-gap:4rem;grid-gap:var(--space-16);align-items:center;display:grid;gap:4rem;gap:var(--space-16);grid-template-columns:1fr 1fr;position:relative;width:100%;z-index:2}.hero-text{order:1}.hero-image{display:flex;justify-content:center;order:2;position:relative}.greeting{color:#0284c7;color:var(--primary-600);display:block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.greeting,.name{margin-bottom:.5rem;margin-bottom:var(--space-2)}.name{color:#171717;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.title{color:#404040;color:var(--text-secondary);font-size:clamp(1.2rem,2.5vw,2rem);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.location{color:#737373;color:var(--text-muted);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:2rem;margin-bottom:var(--space-8)}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.hero-image img{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);object-fit:cover;position:relative;z-index:2}.hero-image img,.hero-shape{border-radius:1rem;border-radius:var(--radius-2xl);height:300px;width:300px}.hero-shape{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));left:20px;position:absolute;top:20px;z-index:1}.scroll-indicator{align-items:center;bottom:2rem;bottom:var(--space-8);color:#737373;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mouse{border:2px solid #737373;border:2px solid var(--text-muted);border-radius:12px;height:40px;position:relative;width:24px}.wheel{-webkit-animation:scroll 2s infinite;animation:scroll 2s infinite;background-color:#737373;background-color:var(--text-muted);border-radius:2px;height:6px;left:50%;position:absolute;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3px}.arrow{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;border-bottom:2px solid #737373;border-bottom:2px solid var(--text-muted);border-right:2px solid #737373;border-right:2px solid var(--text-muted);height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}@-webkit-keyframes scroll{0%{opacity:1}to{opacity:0;-webkit-transform:translateX(-50%) translateY(18px);transform:translateX(-50%) translateY(18px)}}@keyframes scroll{0%{opacity:1}to{opacity:0;-webkit-transform:translateX(-50%) translateY(18px);transform:translateX(-50%) translateY(18px)}}@media (min-width:1440px){.logo-circle{height:220px;width:220px}.logo-circle img{height:120px;width:120px}.logo-circle-1{left:12%;top:15%}.logo-circle-2{left:25%;top:15%}}@media (min-width:1024px) and (max-width:1439px){.logo-circle-1{left:12%;top:15%}.logo-circle-2{left:25%;top:15%}}@media (min-width:768px) and (max-width:1023px){.logo-circle{height:160px;width:160px}.logo-circle img{height:90px;width:90px}.logo-circle-1{left:8%;top:12%}.logo-circle-2{left:22%;top:12%}}@media (min-width:481px) and (max-width:767px){.hero-content{gap:3rem;gap:var(--space-12);grid-template-columns:1fr;text-align:center}.hero-text{order:2}.hero-image{order:1}.hero-image img,.hero-shape{height:250px;width:250px}.hero-buttons{justify-content:center}.logo-circle{height:130px;width:130px}.logo-circle img{height:80px;width:80px}.logo-circle-1{left:10%;top:8%}.logo-circle-2{left:40%;top:8%}}@media (max-width:480px){.hero-content{gap:2.5rem;gap:var(--space-10);grid-template-columns:1fr;text-align:center}.hero-text{order:2}.hero-image{order:1}.hero-image img,.hero-shape{height:200px;width:200px}.hero-buttons{flex-direction:column;justify-content:center}.logo-circle{height:100px;width:100px}.logo-circle img{height:60px;width:60px}.logo-circle-1{left:8%;top:6%}.logo-circle-2{left:45%;top:6%}}@media (max-width:640px){.section{padding:4rem 0;padding:var(--space-16) 0}.section-header{margin-bottom:3rem;margin-bottom:var(--space-12)}.btn{justify-content:center;width:100%}.hero-buttons .btn{flex:1 1}}.skills-section{background-color:#fff;background-color:var(--bg-secondary);padding:5rem 0;padding:var(--space-20) 0}.skills-header{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.skills-header .subtitle{color:#0284c7;color:var(--primary-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.skills-header .title{color:#171717;color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.skills-container{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:80rem;max-width:var(--max-width-7xl);padding:0 1.5rem;padding:0 var(--space-6)}.skill-card{background-color:#fafafa;background-color:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-2xl);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;text-align:center;transition:all .25s ease-in-out;transition:all var(--transition-base)}.skill-card:before{background:linear-gradient(90deg,#0ea5e9,#0284c7);background:linear-gradient(90deg,var(--primary-500),var(--primary-600));content:"";height:4px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transition:-webkit-transform var(--transition-base);transition:transform var(--transition-base);transition:transform var(--transition-base),-webkit-transform var(--transition-base)}.skill-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.skill-card:hover{border-color:#bae6fd;border-color:var(--primary-200);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.skill-icon{display:block;font-size:3rem}.skill-icon,.skill-title{margin-bottom:1rem;margin-bottom:var(--space-4)}.skill-title{color:#171717;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700}.skill-description{color:#404040;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);justify-content:center}.skill-tag{background-color:#e0f2fe;background-color:var(--primary-100);border-radius:9999px;border-radius:var(--radius-full);color:#0369a1;color:var(--primary-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}[data-theme=dark] .skill-tag{background-color:#0c4a6e;background-color:var(--primary-900);color:#7dd3fc;color:var(--primary-300)}.about-section{padding:5rem 0;padding:var(--space-20) 0}.about-content{grid-gap:4rem;grid-gap:var(--space-16);align-items:center;display:grid;gap:4rem;gap:var(--space-16);grid-template-columns:1fr 1fr}.about-text h2{color:#171717;color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700}.about-text h2,.about-text p{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.about-text p{color:#404040;color:var(--text-secondary);line-height:1.7}.about-image{display:flex;justify-content:center;position:relative}.about-image img{border-radius:1rem;border-radius:var(--radius-2xl);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);max-width:400px;width:100%}@media (max-width:768px){.about-content{gap:3rem;gap:var(--space-12);grid-template-columns:1fr;text-align:center}}.portfolio-section{background-color:#fff;background-color:var(--bg-secondary);padding:5rem 0;padding:var(--space-20) 0}.portfolio-header{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.portfolio-header .subtitle{color:#0284c7;color:var(--primary-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.portfolio-header .title{color:#171717;color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.portfolio-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:80rem;max-width:var(--max-width-7xl);padding:0 1.5rem;padding:0 var(--space-6)}.project-card{background-color:#fafafa;background-color:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-2xl);overflow:hidden;position:relative;transition:all .25s ease-in-out;transition:all var(--transition-base)}.project-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.project-image{height:250px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);width:100%}.project-card:hover .project-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.image-nav-btn{align-items:center;background-color:rgba(0,0,0,.7);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .15s ease-in-out;transition:all var(--transition-fast);visibility:hidden;width:40px}.project-card:hover .image-nav-btn{opacity:1;visibility:visible}.image-nav-btn:hover{background-color:rgba(0,0,0,.9);-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.prev-btn{left:1rem;left:var(--space-4)}.next-btn{right:1rem;right:var(--space-4)}.image-indicators{bottom:1rem;bottom:var(--space-4);display:flex;gap:.5rem;gap:var(--space-2);left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.indicator{background-color:hsla(0,0%,100%,.5);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;height:8px;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:8px}.indicator.active{background-color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.project-content{padding:1.5rem;padding:var(--space-6)}.project-title{color:#171717;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.project-description{color:#404040;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.project-links{display:flex;gap:1rem;gap:var(--space-4)}.project-link{align-items:center;color:#0284c7;color:var(--primary-600);display:inline-flex;font-weight:500;gap:.5rem;gap:var(--space-2);transition:color .15s ease-in-out;transition:color var(--transition-fast)}.project-link:hover{color:#0369a1;color:var(--primary-700)}.project-overlay{align-items:center;background:rgba(0,0,0,.8);bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .25s ease-in-out;transition:all var(--transition-base);visibility:hidden}.project-card:hover .project-overlay{opacity:1;visibility:visible}.overlay-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);text-align:center}.overlay-content svg{opacity:.9}.overlay-content span{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.project-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.project-modal{-webkit-animation:modalSlideIn .3s ease-out;animation:modalSlideIn .3s ease-out;background:#fafafa;background:var(--bg-primary);border-radius:1.5rem;border-radius:var(--radius-3xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;max-width:1200px;overflow:hidden;position:relative;width:100%}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:scale(.9) translateY(20px);transform:scale(.9) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;-webkit-transform:scale(.9) translateY(20px);transform:scale(.9) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.modal-close-btn{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;right:var(--space-4);top:1rem;top:var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:40px;z-index:10}.modal-close-btn:hover{background:rgba(0,0,0,.9);-webkit-transform:scale(1.1);transform:scale(1.1)}.modal-content{display:grid;grid-template-columns:1fr 400px;height:100%;min-height:600px}.modal-image-section{background:#fff;background:var(--bg-secondary);display:flex;flex-direction:column;position:relative}.modal-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:1.5rem;padding:var(--space-6);position:relative}.modal-image-container img{border-radius:.5rem;border-radius:var(--radius-lg);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);max-height:100%;max-width:100%;object-fit:contain}.modal-nav-btn{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .15s ease-in-out;transition:all var(--transition-fast);width:50px}.modal-nav-btn:hover{background:rgba(0,0,0,.9);-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.modal-nav-btn.prev-btn{left:1rem;left:var(--space-4)}.modal-nav-btn.next-btn{right:1rem;right:var(--space-4)}.modal-image-indicators{background:rgba(0,0,0,.05);display:flex;gap:.5rem;gap:var(--space-2);justify-content:center;padding:1rem;padding:var(--space-4)}.modal-indicator{background:#737373;background:var(--text-muted);border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;height:12px;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:12px}.modal-indicator.active{background:#0284c7;background:var(--primary-600);-webkit-transform:scale(1.2);transform:scale(1.2)}.modal-image-counter{background:rgba(0,0,0,.7);border-radius:.5rem;border-radius:var(--radius-lg);bottom:1rem;bottom:var(--space-4);color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:absolute;right:1rem;right:var(--space-4)}.modal-details-section{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);overflow-y:auto;padding:2rem;padding:var(--space-8)}.modal-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;padding-bottom:var(--space-6)}.modal-title{color:#171717;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.modal-links{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.modal-link{align-items:center;border:1px solid #0284c7;border:1px solid var(--primary-600);border-radius:.5rem;border-radius:var(--radius-lg);color:#0284c7;color:var(--primary-600);display:inline-flex;font-weight:500;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.modal-link:hover{background:#0284c7;background:var(--primary-600);color:#fff}.modal-description p{color:#404040;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.8}.modal-technologies h3{color:#171717;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.tech-tag{background:#e0f2fe;background:var(--primary-100);border-radius:9999px;border-radius:var(--radius-full);color:#0369a1;color:var(--primary-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}[data-theme=dark] .tech-tag{background:#0c4a6e;background:var(--primary-900);color:#7dd3fc;color:var(--primary-300)}@media (max-width:1024px){.modal-content{grid-template-columns:1fr;grid-template-rows:1fr auto}.modal-details-section{max-height:300px;padding:1.5rem;padding:var(--space-6)}}@media (max-width:768px){.image-nav-btn{opacity:1;visibility:visible}.portfolio-grid{grid-template-columns:1fr}.project-modal{margin:.5rem;margin:var(--space-2);max-height:95vh;max-width:95vw}.modal-content{min-height:auto}.modal-image-container{padding:1rem;padding:var(--space-4)}.modal-nav-btn{height:40px;width:40px}.modal-details-section{gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4)}.modal-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.modal-links{gap:.5rem;gap:var(--space-2)}.modal-link{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}}.contact-section{padding:5rem 0;padding:var(--space-20) 0}.contact-header{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.contact-header .subtitle{color:#0284c7;color:var(--primary-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.contact-header .title{color:#171717;color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.contact-content{margin:0 auto;max-width:42rem;max-width:var(--max-width-2xl);text-align:center}.contact-description{color:#404040;color:var(--text-secondary);margin-bottom:2rem;margin-bottom:var(--space-8)}.contact-button,.contact-description{font-size:1.125rem;font-size:var(--font-size-lg)}.contact-button{padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.footer{background-color:#fff;background-color:var(--bg-secondary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);padding:4rem 0 2rem;padding:var(--space-16) 0 var(--space-8)}.footer-content{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.footer-section h3{color:#171717;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.footer-section a,.footer-section p{color:#404040;color:var(--text-secondary);line-height:1.7;margin-bottom:.5rem;margin-bottom:var(--space-2)}.footer-section a:hover{color:#0284c7;color:var(--primary-600)}.social-links{display:flex;gap:1rem;gap:var(--space-4);margin-top:1rem;margin-top:var(--space-4)}.social-link{align-items:center;background-color:#f5f5f5;background-color:var(--bg-accent);border-radius:9999px;border-radius:var(--radius-full);display:flex;height:40px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:40px}.social-link:hover{background-color:#0284c7;background-color:var(--primary-600);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-bottom{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);color:#737373;color:var(--text-muted);padding-top:2rem;padding-top:var(--space-8);text-align:center}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
/*# sourceMappingURL=main.75fc59ec.css.map*/