:root{font-family:JetBrains Mono,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--primary-button-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-button-bg: #02dbc7;--primary-button-color: #1d1e2c;--primary-button-bgHover: #02dbc7;--primary-button-colorHover: #1d1e2c;--primary-button-radius: 4px;--secondary-button-bg: #1d1e2c;--secondary-button-color: #07bfb7;--secondary-button-bgHover: #2e2f42;--secondary-button-colorHover: #07bfb7;--secondary-button-radius: 4px;--secondary-button-border-color: #07bfb7;--background-color: #1d1e2c;--background-color-secondary: #2e2e48;--text-color-light: white;--text-color-muted: #9ca3af;--box-shadow-hover: rgba(0, 0, 0, .3);--gradient-service-id: linear-gradient(to right, #16a34a, #60a5fa);--service-description-color: #d1d5db;--service-link-color: #34d399;--service-link-hover-bg: #34d399;--navbar-link-color: var(--text-color-light);--navbar-link-hover-color: #a0aec0;--navbar-language-link-hover-color: #a0aec0;--hero-subtitle-color: #d1d5db;--typewriter-cursor-color: var(--text-color-light);--form-input-bg-color: #1f2937;--form-input-border-color: #4b5563;--email-input-focus-border-color: #00e676;--footer-description-color: #b3b3b3;--email-input-bg-color: #2c2c2c;--email-input-border-color: #4d4d4d;--subscribe-button-bg: linear-gradient(to right, #00e676, #2196f3);--footer-bottom-border-color: #4d4d4d;--footer-social-link-hover-color: var(--text-color-light);--footer-link-hover-color: var(--text-color-light);--contact-subheading-gradient: linear-gradient(to right, var(--primary-button-bg), #3b82f6);--contact-link-color: var(--text-color-light);--skill-bar-bg: #1f2937;--skill-fill-gradient: linear-gradient(to right, #22c55e, #3b82f6);--stat-number-gradient: linear-gradient(to right, #22c55e, #3b82f6);--about-text-color: var(--text-color-light);--logo-hover-shadow: #646cffaa;--logo-react-hover-shadow: #61dafbaa;--docs-text-color: #888}.light-theme{--primary-button-bg: #5440d9;--primary-button-color: white;--primary-button-bgHover: #5440d9;--primary-button-colorHover: white;--primary-button-radius: 4px;--secondary-button-bg: #ffffff;--secondary-button-color: #121212;--secondary-button-bgHover: #eeeeee;--secondary-button-colorHover: #000000;--secondary-button-radius: 4px;--secondary-button-border-color: #cccccc;--background-color: #E4E4E4;--background-color-secondary: #e9ecef;--text-color-light: #121212;--text-color-muted: #6b7280;--box-shadow-hover: rgba(0, 0, 0, .1);--gradient-service-id: linear-gradient(to right, #16a34a, #60a5fa);--service-description-color: #495464;--service-link-color: #5440d9;--service-link-hover-bg: #d1e7dd;--navbar-link-color: #213547;--navbar-link-hover-color: #495464;--navbar-language-link-hover-color: #98a4b5;--hero-subtitle-color: #495464;--typewriter-cursor-color: #121212;--form-input-bg-color: #ffffff;--form-input-border-color: #cccccc;--email-input-focus-border-color: #34d399;--footer-description-color: #495464;--email-input-bg-color: #f8f9fa;--email-input-border-color: #e0e0e0;--subscribe-button-bg: linear-gradient(to right, #34d399, #60a5fa);--footer-bottom-border-color: #dcdde1;--footer-social-link-hover-color: #121212;--footer-link-hover-color: #121212;--contact-subheading-gradient: linear-gradient(to right, #06b6d4, #2563eb);--contact-link-color: #213547;--skill-bar-bg: #e9ecef;--skill-fill-gradient: linear-gradient(to right, #16a34a, #2563eb);--stat-number-gradient: linear-gradient(to right, #16a34a, #2563eb);--about-text-color: #213547;--logo-hover-shadow: #b3d4fc;--logo-react-hover-shadow: #a5d8ff;--docs-text-color: #444}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--logo-hover-shadow))}.logo.react:hover{filter:drop-shadow(0 0 2em var(--logo-react-hover-shadow))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--docs-text-color)}.navbar{padding:1rem 2rem;background-color:var(--background-color-secondary);display:flex;justify-content:space-between;align-items:center;color:var(--text-color-light);position:relative;z-index:1000}.navbar-container{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 auto}.navbar-brand{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-link{color:var(--navbar-link-color);text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:var(--navbar-link-hover-color)}.navbar-right{display:flex;align-items:center;gap:1rem}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger .bar{width:25px;height:3px;background-color:var(--navbar-link-color);transition:all .3s ease}.hamburger.open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 768px){.navbar-links{display:none;flex-direction:column;background-color:var(--background-color-secondary);position:absolute;top:100%;right:0;width:100%;padding:1rem 0;box-shadow:0 5px 10px #0000001a}.navbar-links.active{display:flex}.navbar-container{justify-content:space-between}.hamburger{display:flex}}.custom-dropdown{position:relative;display:inline-block;min-width:100px;outline:none}.custom-dropdown-btn{background-color:var(--background-color-secondary);border-radius:6px 6px 0 0;padding:.4rem .8rem;font-size:14px;color:var(--text-color-light);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;outline:none}.custom-dropdown-btn .text{font-size:15px}.dropdown-icon{font-size:.8rem;transition:transform .3s ease}.dropdown-options{position:absolute;width:100px;top:100%;right:0;background-color:var(--background-color-secondary);border-radius:0 0 6px 6px;margin:0;padding:.5rem 0;list-style:none;box-shadow:0 5px 15px #0000001a;z-index:1000;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.dropdown-options.open{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item{text-align:center;padding:.4rem 1rem;font-size:15px;color:var(--navbar-link-color);cursor:pointer;transition:all .3s ease}.dropdown-item:hover{background-color:var(--navbar-language-link-hover-color);color:var(--background-color-secondary)}.dropdown-item.active{font-weight:700;background-color:var(--navbar-language-link-hover-color)}@media (max-width: 768px){.custom-dropdown-btn{font-size:14px;padding:.3rem .6rem}.dropdown-item{font-size:14px}.dropdown-options{width:100px}}.navbar-links .react-toggle-dark-mode{margin-top:10px}.hero{background-color:var(--background-color);color:var(--text-color-light);text-align:center;padding:4rem 1rem;display:flex;flex-direction:column;align-items:center}.hero-image{width:12rem;height:12rem;margin:0 auto 2rem;border-radius:9999px;object-fit:cover;transition:transform .3s ease}.hero-image:hover{transform:scale(1.05)}.hero-title{font-size:2.25rem;font-weight:700}.hero-highlight{background:var(--primary-button-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero-subtitle{margin-top:1rem;font-size:1.125rem;color:var(--hero-subtitle-color);max-width:730px}.hero-buttons{display:flex;margin-top:2rem}.download-icon{color:var(--primary-button-bg);margin-left:.5rem;vertical-align:text-top}.hero-button{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;border:none;border-radius:var(--primary-button-radius);background:var(--primary-button-bg);color:var(--primary-button-color);font-size:1rem;margin:0 .5rem;cursor:pointer;transition:transform .3s ease}.hero-button-secondary{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;border-radius:var(--secondary-button-radius);background:var(--secondary-button-bg);color:var(--secondary-button-color);border:1px solid var(--secondary-button-border-color);font-size:1rem;margin:0 .5rem;cursor:pointer;transition:transform .3s ease}.hero-button:hover{background:var(--primary-button-bgHover);color:var(--primary-button-colorHover)}.hero-button-secondary:hover{background:var(--secondary-button-bgHover);color:var(--secondary-button-colorHover)}.typewriter-text .cursor{display:inline-block;animation:blink 1s step-start infinite;color:var(--typewriter-cursor-color);font-weight:700}@keyframes blink{50%{opacity:0}}.services-section{background-color:var(--background-color);color:var(--text-color-light);padding:5rem 0}.services-container{max-width:1200px;margin:0 auto;padding:0 2rem}.services-heading{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background-color:var(--background-color-secondary);padding:1.5rem;border-radius:.5rem;border:1px solid #0000001F}.service-id{text-align:right;font-size:1.5rem;font-weight:700;background:var(--gradient-service-id);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.service-title{font-size:20px;font-weight:700;margin-top:.5rem;color:var(--text-color-light);text-align:center}.service-description{margin-top:.5rem;color:var(--service-description-color)}.service-link{margin-top:1rem;display:inline-block;background-color:var(--background-color-secondary);color:var(--service-link-color);font-size:1rem;border-radius:.375rem;padding:.4rem .8rem;cursor:pointer}.service-more-info{margin-top:.75rem;background:transparent;color:var(--text-color-muted);font-size:.95rem;line-height:1.6;transition:all .3s ease}.about-section{background-color:var(--background-color);color:var(--about-text-color);padding:5rem 1rem}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:3rem}.about-content{display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 768px){.about-content{flex-direction:row;align-items:flex-start}}.about-image{width:18rem;height:20rem;border-radius:.5rem;object-fit:cover}.about-text{flex:1}.about-description{font-size:1.125rem;margin-bottom:2rem}.skill-list{display:flex;flex-direction:column;gap:1rem}.skill-item{display:flex;align-items:center;gap:1rem}.skill-label{width:20%}.skill-bar{flex-grow:1;background-color:var(--skill-bar-bg);border-radius:9999px;height:.625rem;overflow:hidden}.skill-fill{height:100%;border-radius:9999px;background:var(--skill-fill-gradient);transition:transform .3s ease}.skill-fill:hover{transform:scale(1.05)}.fill-10-12{width:83.3333%}.fill-11-12{width:91.6667%}.fill-9-12{width:75%}.about-stats{display:flex;justify-content:space-between;margin-top:3rem;text-align:center}.stat-number{font-size:1.5rem;font-weight:700;background:var(--stat-number-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.contact-section{background-color:var(--background-color);color:var(--text-color-light);padding:5rem 0}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-heading{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:3rem}.contact-flex{display:flex;flex-direction:column;gap:3rem}@media (min-width: 768px){.contact-flex{flex-direction:row}}.contact-info{flex:1}.contact-subheading{font-size:1.875rem;font-weight:700;background:var(--contact-subheading-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.contact-detail{margin:1rem 0}.contact-icon{color:var(--primary-button-bg);margin-right:.5rem}.contact-link{color:var(--contact-link-color);text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-form-wrapper{flex:1;width:100%}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-label{display:block;margin-bottom:.5rem}.form-input{width:calc(100% - 1rem);padding:.5rem;background-color:var(--form-input-bg-color);border:1px solid var(--form-input-border-color);border-radius:.5rem;color:var(--text-color-light)}.form-input:focus{outline:none;border-color:var(--primary-button-bg)}.send-button{display:inline-block;margin-left:auto;width:100px;background:var(--primary-button-bg);color:var(--primary-button-color);padding:.5rem 2rem;border-radius:var(--primary-button-radius)}.contact-form-actions{display:flex}.thank-you{color:var(--primary-button-bg)}.message{resize:none;min-height:100px}.footer{background-color:var(--background-color);color:var(--text-color-light);padding-top:2rem;padding-bottom:2rem}.footer-container{max-width:1200px;margin:0 auto;padding-left:2rem;padding-right:2rem}.footer-content{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;margin-bottom:0}}.footer-info{flex:1;margin-bottom:1rem}.footer-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-description{color:var(--footer-description-color)}.footer-form{flex:1;width:100%}.form{display:flex;justify-content:center;align-items:center}.email-input{width:100%;padding:.5rem;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;background-color:var(--email-input-bg-color);border:1px solid var(--email-input-border-color);color:var(--text-color-light);outline:none}.email-input:focus{border-color:var(--email-input-focus-border-color)}.subscribe-button{background:var(--subscribe-button-bg);color:var(--text-color-light);padding:.5rem 1rem;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;cursor:pointer}.footer-bottom{border-top:1px solid var(--footer-bottom-border-color);padding-top:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (min-width: 768px){.footer-bottom{flex-direction:row}}.footer-copy{color:var(--footer-description-color)}.footer-social{display:flex;gap:1rem;margin:1rem 0}.footer-social-link{color:var(--footer-description-color)}.footer-social-link:hover{color:var(--footer-social-link-hover-color)}.footer-links{display:flex;gap:1rem}.footer-link{color:var(--footer-description-color)}.footer-link:hover{color:var(--footer-link-hover-color)}