@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap";.hero{display:flex;align-items:center;min-height:600px;padding-top:20px}.hero-content{display:flex;justify-content:space-between}.hero-left{width:60%}.hero-right{display:flex;align-items:center}body.dark .hero-right img{border:2px solid var(--white)}.pill{display:block;width:max-content}.pill-cta{display:flex;gap:10px;height:68px;width:fit-content;background-color:var(--bg-1b);border:2px solid var(--bg-1);border-radius:50px;padding:4px 8px 4px 4px;box-shadow:0 0 8px 2px var(--shadow);transition:box-shadow .1s ease;margin-bottom:60px;cursor:pointer}.pill-cta:hover{box-shadow:0 0 8px 2px var(--shadow-1);transition-duration:.2s}.pill-text{display:flex;flex-direction:column;justify-content:space-evenly}.pill-chevron{display:flex;color:var(--accent-1);height:100%;align-items:center;margin-left:50px}.icon svg{width:56px;height:56px;color:var(--accent-1-b);background-color:var(--accent-1);border:4px solid var(--accent-1-a);border-radius:100%;padding:8px;transition:transform 1s ease}.pill-cta:hover .icon svg{transform:rotate(180deg);transition-duration:2s}.intro{display:flex;flex-wrap:wrap;gap:0px 10px}.hero-right img{width:256px;height:256px;transition:filter .2s ease;border-radius:50%;padding:.5rem;border:2px solid var(--black)}.hero a{text-decoration:none}.cta-buttons{display:flex;gap:20px;margin-top:40px}.btn{display:inline-block;padding:12px 24px;border-radius:50px;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:background-color .3s ease,color .3s ease}.primary-btn{background-color:var(--accent-1);color:var(--white);border:2px solid var(--accent-1)}.primary-btn:hover{background-color:var(--accent-1-a);color:var(--white)}.secondary-btn{background-color:var(--bg-1b);color:var(--text-card-title);border:2px solid var(--accent-1)}body .secondary-btn{color:var(--text-title)}.secondary-btn:hover{background-color:var(--accent-1);color:var(--white)}@media (max-width: 800px){.hero{min-height:100svh;padding-bottom:100px}.hero-content{flex-direction:column-reverse;align-items:center;justify-content:center;gap:20px}.hero-left{flex-direction:column;align-items:center;width:100%}.hero-left,.intro{display:flex;justify-content:center;text-align:center}.pill-cta{gap:10px;margin-bottom:20px}.pill-cta .pill-chevron{margin-left:5px}.hero-right img{width:200px;height:200px;transition:filter .2s ease}.cta-buttons{flex-direction:column}}.section-multi-card.section-centered{position:relative;padding:80px 0;background-color:var(--bg-3);margin-top:50px;overflow:hidden}.section-multi-card.section-centered .centered{display:flex;flex-direction:column}.section-multi-card .card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}.section-multi-card .card-list a{text-decoration:none}.section-multi-card .filter-buttons-container{display:flex;align-items:center;margin:20px 0}.section-multi-card .scrollable-filter-buttons{display:flex;flex-wrap:wrap;gap:15px;overflow-x:auto;scrollbar-width:none}.section-multi-card .scrollable-filter-buttons::-webkit-scrollbar{display:none}.section-multi-card .filter-buttons button{display:flex;align-items:center;gap:10px;padding:10px 20px;min-width:157px;color:var(--text-title);cursor:pointer;transition:all .2s ease;border-radius:16px;background-color:var(--bg-1b);border:2px solid var(--bg-1)}.section-multi-card .filter-buttons button:hover{transition:all .3s ease;border:2px solid var(--accent-1-a)}.section-multi-card .filter-buttons button.active{background-color:var(--accent-1);color:var(--white);border:2px solid var(--accent-1-a)}.section-multi-card .filter-buttons button.active h3{color:var(--white)}.section-multi-card .separator{width:2px;height:25px;background-color:var(--accent-1);align-self:center}@media (max-width: 800px){.section-multi-card .scrollable-filter-buttons{justify-content:center;padding-bottom:10px}.section-multi-card .separator{width:80px;height:2px}.section-multi-card .filter-buttons button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;color:var(--text-title);border:none;cursor:pointer;transition:all .2s ease;border:2px solid transparent;text-wrap:nowrap}}.section-multi-card .buttonCard{display:flex;position:relative;flex-direction:column;align-items:center;overflow:hidden;width:100%;height:100%;border-radius:8px;box-shadow:0 0 8px 2px #0003;transition:all .2s ease}.section-multi-card .buttonCard:hover{transform:translateY(-2px)}.section-multi-card .buttonCard .image{width:100%;height:240px;filter:brightness(80%)}.section-multi-card .buttonCard .image img{display:flex;width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover}.section-multi-card .buttonCard .icon{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:0;margin:5px;width:72px;border-radius:6px;object-fit:cover;background-color:var(--bg-5o);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 2px var(--black)}.section-multi-card .buttonCard .icon img{width:100%;border-radius:6px;padding:6px;height:auto;object-fit:cover}.section-multi-card .buttonCard .icon span{background-color:var(--accent-1);color:var(--black);padding:4px 0;width:100%;border-radius:0 0 6px 6px;text-align:center;font-weight:var(--weight-card-paragraph-header)}.section-multi-card .buttonCard .cardDescription{display:flex;padding:12px;width:100%;min-height:120px;background-color:var(--bg-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section-multi-card .buttonCard .description{display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:3px}.section-multi-card .buttonCard .chevron{height:100%;align-self:center;color:var(--accent-1)}.section-multi-card .buttonCard .tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.section-multi-card .tag{padding:3px 8px;border-radius:5px;color:var(--black);font-weight:var(--weight-card-paragraph-header)}.section-multi-card .tag.gameplay{background-color:var(--tag-gameplay)}.section-multi-card .tag.level{background-color:var(--tag-level)}.section-multi-card .tag.ui-ux{background-color:var(--tag-uiux)}.section-multi-card .tag.frontend{background-color:var(--tag-frontend)}.section-multi-card .tag.backend{background-color:var(--tag-backend)}.section-multi-card .tag.server{background-color:var(--tag-server)}.section-multi-card .tag.consumer{background-color:var(--tag-customer)}.section-multi-card .fade-out{animation:fadeOut .3s ease forwards}.section-multi-card .fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-5o);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-1b);padding:20px;border-radius:8px;box-shadow:0 4px 6px var(--shadow);width:90%;max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bg-3);padding-bottom:10px;margin-bottom:10px}.modal-header h2{margin:0;color:var(--text-title)}.close-button{background:none;border:none;cursor:pointer;color:var(--text-title)}.modal-body{padding-top:10px;color:var(--text-paragraph)}.section-content{padding:0 0 100px}.section-content .content{display:flex;flex-direction:column;gap:20px}.section-content .section-split{display:flex;justify-content:space-between;gap:60px}.section-content .section-split .section-left,.section-content .section-split .section-right{display:flex;flex-direction:column;gap:20px;width:100%}.section-content .reverse{flex-direction:row-reverse}.section-content .card{background-color:var(--bg-3);padding:16px;width:100%;border-left:16px solid var(--accent-1);border-radius:8px}@media (max-width: 800px){.section-content .section-split{flex-direction:column}.section-content .reverse{flex-direction:column-reverse}}.animated-on-scroll{opacity:0;transition:opacity 1s ease-out,transform .6s ease-out}.animated-on-scroll.is-visible{opacity:1}.cta-work-page-container{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:40px;margin-bottom:80px;gap:15px}.cta-work-page-container h2{font-size:clamp(24px,4vw,36px);color:var(--text-title)}.cta-work-page-container p{max-width:700px;color:var(--text-paragraph);font-size:clamp(16px,2vw,18px)}.cta-work-page-container .btn{margin-top:10px}.cta-work-page-container a{text-decoration:none}.hamburger{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;z-index:10;background-color:var(--bg-2);color:var(--accent-1);border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;box-shadow:0 0 4px 2px var(--shadow)}.mobile-menu{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-2o);align-items:center;z-index:9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-menu-content{display:flex;height:100%;width:100%;flex-direction:column;padding-top:10%;gap:50px}.mobile-menu-content h2{color:var(--text-title);margin-bottom:20px}.menu-item{display:flex;justify-content:space-between;width:100%;color:var(--text-subtitle);font-size:1.5rem;text-decoration:none;background:none;border:none;cursor:pointer;padding:10px 0}.menu-buttons{display:flex;flex-direction:column;align-items:start;gap:30px;width:100%}.menu-buttons button{display:flex;align-items:center;gap:20px;border-radius:8px;padding:14px 20px}.menu-buttons h3{color:var(--white);font-size:18px}.language-list{display:flex;align-items:flex-start;gap:12px;width:100%}.language-list li{display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px;border-radius:8px;list-style:none;background-color:var(--bg-1b);border:2px solid var(--bg-1);cursor:pointer;transition:all .3s ease}.language-list li.active{background-color:var(--accent-1);border:2px solid var(--accent-1-a);color:var(--white)}.language-list li:hover{border:2px solid var(--accent-1-a)}.language-list span{color:var(--text-title);font-weight:var(--weight-title)}.language-list li.active span{color:var(--white)}.language-list li img{width:42px;height:32px;border-radius:2px}@media (max-width: 768px){.nav-left,.nav-right{display:none}}.navbar{display:flex;align-items:center;position:fixed;top:0;z-index:9;width:100%;height:60px;background-color:var(--bg-1b);font-weight:var(--weight-navbar-links);color:var(--text-title);transition:background-color .2s ease}.navbar .boxed{display:flex;justify-content:space-between}.navbar .nav-left,.navbar .nav-right{display:flex;align-items:center;gap:30px}.navbar a{text-decoration:none;color:var(--text-title);border-bottom:2px solid transparent;padding:2px;letter-spacing:.4px;transition:all .2s ease}.navbar a:hover{text-decoration:none;border-bottom:2px solid var(--accent-1-a)}.navbar button{background-color:transparent;color:var(--text-title);cursor:pointer}.language-menu{position:relative}.language-toggle{background-color:transparent;color:var(--text-title);cursor:pointer;display:flex;align-items:center;gap:8px}.language-dropdown{position:absolute;display:none;right:0;top:42px;background-color:var(--bg-3);box-shadow:0 4px 8px var(--shadow);list-style:none;padding:12px;border-radius:0 0 8px 8px}.language-dropdown.active{display:flex;flex-direction:column;gap:8px}.language-dropdown li{display:flex;gap:12px;padding:8px 16px;cursor:pointer;background-color:var(--bg-1b);border:2px solid var(--bg-1);border-radius:4px;transition:all .2s ease}.language-dropdown li.active{background-color:var(--accent-1);border:2px solid var(--accent-1-a);color:var(--white)}.language-dropdown li img{width:20px;height:15px;align-self:center;border-radius:2px}.language-dropdown li:hover{border:2px solid var(--accent-1-a)}@media (max-width: 800px){.language-dropdown{right:-20px}.navbar .nav-left,.navbar .nav-right{gap:15px}}.footer{background-color:var(--bg-5);color:var(--text-title);padding:40px 0}.footer-content{display:flex;justify-content:space-between;gap:30px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{margin-bottom:4px;color:var(--accent-1-a)}.footer-column p,.footer-column a{color:var(--text-title);text-decoration:none;transition:color .3s ease}.footer-column a{text-decoration:none;border-bottom:2px solid transparent;transition:all .2s ease}.footer-column a:hover{text-decoration:none;border-bottom:2px solid var(--accent-1-a)}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:10px}.social-icons{display:flex;gap:2rem}.social-icons a{color:var(--text-title);display:flex;justify-content:center;align-items:center;gap:.5rem;transition:background-color .3s ease,color .3s ease}.footer-bottom{text-align:center;padding-top:20px;color:var(--text-title)}.footer img{width:1.6rem;height:1.6rem}body.dark .footer img{filter:invert(1)}@media (max-width: 800px){.footer-content{flex-direction:column}}.section-alt-content{background-color:var(--bg-1);padding:40px 0}.section-alt-content h1{margin-bottom:10px}.section-alt-content h2{color:var(--text-title);margin:0}.section-alt-content .work-details-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.section-alt-content .work-details{background-color:var(--bg-3);padding:20px;border-radius:8px}.section-alt-content .icon-container{display:flex;align-items:center;gap:10px;color:var(--accent-1)}.section-alt-content .skills,.section-alt-content .payment-types{margin-top:35px}.section-alt-content .skill-item,.section-alt-content .payment-item{display:flex;align-items:center;gap:10px}.section-alt-content .skill-icon,.section-alt-content .payment-icon{display:flex;color:var(--accent-1-a)}.section-alt-content .skills div,.section-alt-content .payment-types div{padding:6px 0;color:var(--text-title)}@media (max-width: 800px){.section-alt-content .work-details-container{display:grid;grid-template-columns:auto;flex-direction:column;gap:20px;margin-top:50px}}.contact-form-container{background-color:var(--bg-2);border-radius:8px;box-shadow:0 0 8px var(--shadow);padding:20px}h2{margin-bottom:20px}.split-form{display:flex;justify-content:space-between;gap:20px}.left-section,.right-section{flex:1}.form-group{margin-bottom:20px}label{display:block;font-size:16px;margin-bottom:8px;color:var(--text-subtitle)}input[type=text],input[type=email],select,textarea{width:100%;padding:10px;border-radius:4px;border:2px solid transparent;font-size:16px;outline:none;box-shadow:none;transition:border-color .2s ease-in-out;color:var(--text-subtitle);background-color:var(--bg-1);font-family:Instrument-Sans,sans-serif}input[type=text]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:var(--accent-1)}textarea{resize:none;height:150px}button[type=submit]{width:100%;padding:14px 0;background-color:var(--accent-1);color:var(--white);border:none;border-radius:4px;font-size:18px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}button[type=submit]:hover{background-color:var(--accent-1-a)}.loading-spinner{margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-message{margin-top:10px;font-size:16px;text-align:center}.feedback-message.success{color:var(--success)}.feedback-message.failure{color:var(--failure)}@media (max-width: 800px){.split-form{display:flex;flex-direction:column}}:root{font-family:Instrument Sans,sans-serif;font-optical-sizing:auto;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--weight-navbar-links: 500;--weight-title: 500;--weight-subtitle: 500;--weight-paragraph: 400;--weight-card-title: 500;--weight-card-subtitle: 400;--weight-card-paragraph-header: 600;--weight-card-paragraph: 400}html{scroll-behavior:smooth;cursor:default}body{background-color:var(--bg-1);--white: #EEEDEB;--black: #111214;--force-text-title: #C9C9C9;--force-text-subtitle: #B1B1B1;--bg-5o: #000000b2;--tag-gameplay: #ff6f61;--tag-level: #2196f3;--tag-uiux: #4caf50;--tag-frontend: #ff9800;--tag-backend: #673ab7;--tag-server: #9c27b0;--tag-customer: #e91e63;--success: #27ae60;--failure: #e74c3c}body.light{--bg-1: rgb(238, 237, 235);--bg-1b: #e8e8e8;--bg-2: rgb(220, 220, 220);--bg-2o: rgba(220, 220, 220, .9);--bg-3: rgb(211, 211, 211);--bg-4: #bebebe;--shadow: rgba(0, 0, 0, .15);--shadow-1: #afafaf;--accent-1: #916DB3;--accent-1-a: #A57CCC;--accent-1-b: #230067;--text-title: #363636;--text-subtitle: #4E4E4E;--text-paragraph: #4E4E4E;--text-card-title: #FFFCFC;--text-card-paragraph: #4E4E4E}body.dark{--bg-1: rgb(26, 26, 26);--bg-1b: rgb(32, 32, 32);--bg-2: rgb(38, 38, 38);--bg-2o: rgba(38, 38, 38, .97);--bg-3: #333333;--bg-4: #4e4e4e;--accent-1: #9e6ecc;--accent-1-a: #b37de6;--accent-1-b: #15003f;--text-title: #e0e0e0;--text-subtitle: #B1B1B1;--text-paragraph: #bbbbbb;--text-card-title: #d3d3d3;--text-card-paragraph: #B1B1B1}*{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;transition:background-color .2s ease;-webkit-tap-highlight-color:rgba(255,255,255,0)}.flex{display:flex;gap:5px}.boxed{width:clamp(100px,1300px,90vw);margin:0 auto}.wide{width:clamp(200px,1500px,90vw);margin:0 auto}.spacer-20{margin-bottom:20px}.spacer-40{margin-bottom:40px}.spacer-60{margin-bottom:60px}.spacer-80{margin-bottom:80px}button{font-family:Instrument-Sans,sans-serif}h1{font-size:clamp(28px,5vw,40px);color:var(--text-title);font-weight:var(--weight-title);margin-bottom:4px}h2{font-size:clamp(20px,3.5vw,32px);font-weight:var(--weight-subtitle);color:var(--text-subtitle)}h3{font-size:clamp(16px,3vw,20px);font-weight:var(--weight-subtitle);color:var(--text-title)}h4{font-size:clamp(16px,3vw,20px);font-weight:var(--weight-card-title);color:var(--text-card-paragraph)}h5{font-size:clamp(14px,2.5vw,16px);font-weight:var(--weight-card-paragraph-header);color:var(--text-title);letter-spacing:.2px;margin-bottom:4px}h6{font-size:clamp(14px,2.5vw,16px);font-weight:var(--weight-paragraph);color:var(--text-subtitle);letter-spacing:.4px}p{color:var(--text-paragraph);font-weight:var(--weight-paragraph);line-height:130%}@media (prefers-reduced-motion){body{transition:0s all ease}}