:root{--bg-main: hsl(0, 0%, 0%);--bg-surface: hsl(0, 0%, 5%);--bg-surface-2: hsl(0, 0%, 10%);--text-main: hsl(0, 0%, 96%);--text-muted: hsl(0, 0%, 70%);--border: hsla(0, 0%, 13%, .562);--accent: hsl(130, 100%, 42%);--accent-hover: hsl(130, 80%, 43%);--line-color: #ffffff;--icon-bg: hsl(140, 76%, 43%);--shadow-button: 0 5px 8px hsla(0, 0%, 27%, .45);--shadow-norm: 0 6px 20px hsla(0, 0%, 27%, .45);--shadow-soft: 0 4px 14px hsla(0, 0%, 27%, .45);--sm-pad: 20px;--margin-x: 18%;--t-margin-x: 12%;--m-margin-x: 5%;--margin-y: 50px;--t-margin-y: 30px;--m-margin-y: 20px;--max-w: 85%;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--font-4xl: 3rem;--webkit-shadow: 0px -7px 15px 5px hsl(0, 0%, 30%);--box-shadow: 0px -7px 15px 5px hsl(0, 0%, 30%)}body,html{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);scroll-behavior:smooth;scrollbar-width:thin;overflow-x:hidden}body.dark-mode{--bg-main: hsl(0, 0%, 90%);--bg-surface: hsl(0, 0%, 95%);--bg-surface-2: hsl(0, 0%, 100%);--text-main: hsl(0, 0%, 8%);--text-muted: hsl(0, 0%, 30%);--border: hsl(0, 0%, 73%);--accent: hsl(130, 100%, 42%);--accent-hover: hsl(130, 100%, 38%);--line-color: #000000;--icon-bg: hsl(0, 0%, 90%);--shadow-button: 0 5px 8px hsla(0, 0%, 27%, .808);--shadow-norm: 0 4px 20px hsla(0, 0%, 39%, .808);--shadow-soft: 0 4px 14px hsla(0, 0%, 37%, .808);--webkit-shadow: 0px -7px 15px 5px hsl(0, 0%, 20%);--box-shadow: 0px -7px 15px 5px hsl(0, 0%, 20%)}*{scrollbar-width:thin;scrollbar-color:var(--bg-surface-2) var(--bg-surface)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-surface-2);border-radius:6px;border:2px solid var(--bg-surface)}::-webkit-scrollbar-thumb:hover{background:var(--bg-surface-2)}.keyword:hover{text-shadow:0 0 6px var(--primary-action),0 0 12px rgba(180,220,80,.7)}body{margin:0;padding-left:var(--margin-x);padding-right:var(--margin-x);font-family:Arial,sans-serif}.header-parent{position:fixed;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-main);height:auto;width:100%;top:0;left:0;right:0;z-index:100;-webkit-box-shadow:var(--webkit-shadow);box-shadow:var(--box-shadow)}.header-inner{display:flex;justify-content:space-between;align-items:center;width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding-left:var(--margin-x);padding-right:var(--margin-x)}.hide-mobile{display:flex}.flex-mobile{display:none}.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.hamburger span{width:26px;height:3px;background-color:var(--text-main);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.header-parent:before{opacity:80%;filter:blur(2px)}.theme-toggle-switch{width:52px;height:28px;background-color:var(--bg-surface);border:2px solid var(--accent);border-radius:999px;cursor:pointer;position:relative;padding:0;transition:all .3s ease}.theme-toggle-switch .toggle-thumb{width:20px;height:20px;background-color:var(--accent);border-radius:50%;position:absolute;top:50%;left:4px;transform:translateY(-50%);transition:all .3s ease}.theme-toggle-switch.active{background-color:var(--accent)}.theme-toggle-switch.active .toggle-thumb{background-color:var(--bg-main);transform:translate(24px,-50%)}.NET{color:var(--accent)}.header-left{color:var(--text-main)}.header-left h1{font-size:var(--font-2xl)}.header-right{display:flex;justify-content:center;align-items:center;gap:1rem}.nav-list{display:flex;justify-content:center;align-items:center;gap:1rem;list-style:none;margin:0;padding:0}.nav-list a{text-decoration:none;color:var(--text-main);padding:10px;font-size:var(--font-md)}.nav-list a:hover{color:var(--accent)}.nav-list li{transition:all .3s ease}.nav-list li:hover{transform:translateY(-2px)}.contact-btn{padding:10px 15px;border:2px solid var(--accent);border-radius:10px;text-align:center;color:var(--accent);text-decoration:none;transition:all .3s ease;font-size:var(--font-md)}.contact-btn:hover{transform:translateY(-2px);background-color:var(--accent);color:var(--bg-main)}.hero-parent{background-color:var(--bg-main);margin-top:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;overflow:hidden;padding-left:var(--sm-pad);padding-right:var(--sm-pad)}.hero-inner{display:flex;flex-direction:column;justify-content:center}.hero-main{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:auto;width:100%;margin-top:var(--margin-y);margin-bottom:var(--margin-y);margin-left:0;margin-right:0;background-color:var(--bg-main);border-radius:20px;transition:all .3s ease}.mobile-hero-text,.m-about-card{display:none}.hero-left{display:flex;flex-direction:column;width:45%;height:auto}.hero-left h1{color:var(--text-main);margin:0}.hero-left p{color:var(--text-muted);line-height:1.5}.hero-buttons{display:flex;flex-direction:row;gap:1rem;padding-top:10px}.hero-buttons a{padding:10px 15px;text-decoration:none;width:60px;text-align:center;border:2px solid var(--accent);border-radius:10px;transition:all .3s ease}.btn1{background-color:var(--accent);color:var(--bg-main)}.btn2{color:var(--accent);background-color:var(--bg-main)}.btn1:hover,.btn2:hover{transform:translateY(-4px);box-shadow:var(--shadow-button)}.hero-img{width:400px;height:250px;display:flex;align-items:center;justify-content:center;position:relative}.hero-img img{width:100%;height:100%;object-fit:cover;border:2px solid var(--border);border-radius:20px;transition:all .3s ease}.hero-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;margin-bottom:var(--margin-y);flex-wrap:wrap}.hero-services{display:flex;flex-direction:column;margin-bottom:40px}.hero-services h1{color:var(--text-main);margin-bottom:0}.hero-services p{color:var(--text-muted);line-height:1.5;margin-bottom:0}.services-cards{display:flex;gap:2rem;border-radius:20px}.services-card{display:flex;flex-direction:column;justify-content:center;width:260px;height:110px;padding:40px;margin-top:20px;border:2px solid var(--border);border-radius:20px;background-color:var(--bg-surface);transition:all .3s ease}.services-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px);border:2px solid var(--accent)}.services-card h1{margin:0}.services-card p{color:var(--text-muted)}.hero-reviews{display:flex;flex-direction:column;margin-right:40px;margin-top:20px;margin-bottom:40px}.hero-reviews h1{color:var(--text-main);margin-bottom:0}.hero-reviews p{color:var(--text-muted);margin-bottom:20px}.review-cards{display:flex;gap:2rem;border-radius:20px}.review-card{display:flex;flex-direction:column;justify-content:center;width:260px;height:110px;padding:40px;border:2px solid var(--border);border-radius:20px;background-color:var(--bg-surface);transition:all .3s ease}.review-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px);border:2px solid var(--accent)}.review-card h1{margin:0}.review-card p{color:var(--text-muted)}.hero-reviews{display:flex;flex-direction:column;margin-right:40px}.review-text{color:var(--text-muted);font-size:var(--font-md);line-height:1.5;margin:0 0 20px}.review-footer{display:flex;justify-content:space-between;align-items:center}.review-name{color:var(--text-main);font-weight:600}.review-stars{color:var(--accent);letter-spacing:2px}.hero-reviews h1{margin:0}.hero-line{border:none;height:1px;width:100%;background-color:var(--line-color);margin:40px auto}.projects-parent{color:var(--text-main);background-color:var(--bg-main);display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;overflow:hidden}.projects-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.projects-inner h1{text-align:center;margin-bottom:1.5rem}.project-showcase{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin-top:2rem}.project-card{display:flex;justify-content:center;align-items:center;gap:3rem;padding:1.5rem;border-radius:20px;transition:all .3s ease}.project-text{width:50%;text-align:start;max-width:35%}.project-text h3{margin:0;font-size:var(--font-xl);color:var(--text-main)}.project-text p{margin:12px 0 20px;color:var(--text-muted);line-height:1.6}.project-link{display:inline-block;padding:10px 18px;border-radius:10px;border:2px solid var(--accent);color:var(--accent);text-decoration:none;font-weight:200;margin-bottom:1rem;transition:all .3s ease}.project-link:hover{background-color:var(--accent);color:var(--bg-main);transform:translateY(-2px);box-shadow:var(--shadow-button)}.project-img img{width:370px;height:220px;object-fit:cover;padding:20px;border:2px solid var(--border);border-radius:10px;transition:all .3s ease}.project-img img:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border:2px solid var(--accent)}.view-more{color:var(--text-main);margin-top:4rem;margin-bottom:3rem;text-decoration:none;font-size:var(--font-xl);transition:all .3s ease}.view-more:hover{transform:translateY(-4px);color:var(--accent)}.pricing-parent{background-color:var(--bg-main);display:flex;justify-content:center}.pricing-inner{width:100%;max-width:1200px}.pricing-text,.pricing-text-2 h1{color:var(--text-main);text-align:center;margin-bottom:1.5rem}.pricing-text,.pricing-text-2{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem}.pricing-text-2{margin-top:100px}.pricing-icon{width:50px;height:50px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center}.pricing-icon img{height:32px;width:32px}.pricing-cards{display:flex;gap:2rem;justify-content:center}.pricing-card{width:240px;min-height:340px;padding:24px;border-radius:16px;border:2px solid var(--border);background:var(--bg-surface);display:flex;flex-direction:column;transition:all .3s ease}.pricing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:var(--accent)}.pricing-card.featured{border-color:var(--accent);transform:scale(1.05)}.pricing-top h3{margin:0;color:var(--text-main)}.pricing-top p{color:var(--text-muted);font-size:var(--font-sm)}.pricing-top h1{color:var(--text-main);margin:10px 0;font-size:var(--font-2xl)}.dollar-sign{color:var(--accent)}.features-list{list-style:none;padding:0;margin:1rem 0;flex-grow:1}.features-list li{position:relative;padding-left:26px;margin-bottom:10px;color:var(--text-muted)}.features-list li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background:url(/assets/check-BUFnjG-y.png) center/contain no-repeat}.pricing-btn{text-align:center;padding:10px;border-radius:10px;border:2px solid var(--accent);background:var(--accent);color:var(--bg-main);text-decoration:none;font-weight:600;transition:all .3s ease}.pricing-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-button)}.about-parent{color:var(--text-main);background-color:var(--bg-main);display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;overflow:hidden}.about-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.about-content{display:flex;justify-content:space-evenly;align-items:center;width:100%}.about-left{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;background-color:var(--bg-main);padding:10px}.about-img{height:200px;margin-bottom:1rem}.about-img img{width:400px;height:200px;object-fit:cover;border:2px solid var(--border);border-radius:15px}.about-card{margin-top:20px;padding:24px;width:75%;background-color:var(--bg-surface);border:2px solid var(--border);border-radius:16px;transition:all .3s ease}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--accent)}.about-card h1{margin:0 0 16px;font-size:var(--font-lg);color:var(--text-main);text-align:center}.skill-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.about-text{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-main-text{line-height:1.5rem;width:100%;text-align:justify}.skill-list li{position:relative;padding:10px 12px 10px 32px;background-color:var(--bg-main);border-radius:10px;color:var(--text-muted);font-size:var(--font-sm);transition:all .3s ease}.skill-list li:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:url(/assets/check-BUFnjG-y.png) center/contain no-repeat}.skill-list li:hover{color:var(--text-main);transform:translateY(-4px)}.about-text{display:flex;flex-direction:column;line-height:1.5rem;width:40%}.about-text p{color:var(--text-muted)}.faq-parent{color:var(--text-main);background-color:var(--bg-main);display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;overflow:hidden}.faq-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.faq-inner h1{text-align:center;margin-bottom:1.5rem}.faq-list{width:100%;max-width:900px;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.5rem;text-align:start}.faq-item{background-color:var(--bg-surface);border:2px solid var(--border);border-radius:16px;padding:20px 24px;cursor:pointer;transition:all .3s ease}.faq-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--accent)}.faq-question{display:flex;justify-content:space-between;align-items:center}.faq-question h3{margin:0;font-size:var(--font-lg);color:var(--text-main)}.faq-icon{font-size:1.5rem;color:var(--accent);transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease}.faq-answer p{margin-top:12px;margin-bottom:0;color:var(--text-muted);line-height:1.6}.faq-item.open .faq-answer{max-height:200px}.contact-parent{color:var(--text-main);background-color:var(--bg-main);display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;overflow:hidden}.contact-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.contact-inner h1{text-align:center;margin-bottom:0}.contact-inner p{margin-bottom:2rem;font-size:var(--font-md)}.discord-at{color:var(--accent)}.contact-content{display:flex;justify-content:space-between;align-items:center}.contact-form{background-color:var(--bg-surface);border:2px solid var(--border);border-radius:20px;padding:2.5rem;width:500px;transition:all .3s ease}.contact-form:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--accent)}.form-group{display:flex;flex-direction:column;margin-bottom:1.4rem}.form-group label{margin-bottom:6px;font-size:var(--font-sm);color:var(--text-main)}.contact-form input,.contact-form textarea{padding:12px;border-radius:10px;border:2px solid var(--border);background-color:var(--bg-surface-2);color:var(--text-main);font-size:var(--font-sm);transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent)}.contact-form button{margin-top:1rem;padding:12px;border-radius:10px;border:2px solid var(--accent);background-color:var(--accent);color:var(--bg-main);font-size:var(--font-md);cursor:pointer;transition:all .3s ease}.contact-form button:hover{transform:translateY(-3px);box-shadow:var(--shadow-button)}.contact-form textarea{font-family:Roboto,Helvetica,Arial,sans-serif;resize:none}.footer-parent{display:flex;flex-direction:row;justify-content:space-between;padding-left:2rem;padding-right:2rem;align-items:center;margin-bottom:2rem}.footer-p{color:var(--text-muted);flex-wrap:wrap;margin:5px}.footer-icons{display:flex;justify-content:center;align-items:center;gap:.5rem}.icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--icon-bg);border:2px solid var(--accent);border-radius:10px;transition:all .3s ease}.icon:hover{transform:translateY(-4px)}.icon img{height:32px;width:32px;transition:all .6s ease}.icon img:hover{transform:rotate(360deg)}@media(max-width:1700px){body{padding-left:100px;padding-right:100px}}@media(max-width:1500px){body{padding-left:50px;padding-right:50px}}@media(max-width:1100px){body{padding-left:10px;padding-right:10px}}@media(max-width:768px){body{padding-left:0;padding-right:0}.header-parent{flex-direction:row;justify-content:space-between}.hide-mobile{display:none}.flex-mobile,.hamburger{display:flex}.header-right{position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-main);flex-direction:column;align-items:center;gap:1.2rem;padding:1.5rem 0;transform:translateY(-20px);opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000}.header-right.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-list{flex-direction:column;gap:.5rem}.contact-btn,.theme-toggle{width:60%;text-align:center}.hero-parent,.hero-inner{display:flex;justify-content:center;align-items:center}.mobile-hero-text{display:inline}.desktop-hero-text{display:none}.hero-main{flex-direction:column;padding:24px;width:80%}.hero-main:hover{box-shadow:none;transform:none}.hero-left{width:100%;text-align:center;align-items:center;margin-bottom:20px}.hero-buttons{justify-content:center;flex-wrap:wrap}.hero-img{width:100%;height:auto;padding:20px 0}.hero-img img{width:100%;height:auto}.hero-bottom{display:flex;justify-content:center;align-items:center}.hero-services,.hero-reviews{justify-content:center;align-items:center;text-align:center}.services-cards{justify-content:center;align-items:center;flex-direction:column;gap:1.5rem}.services-card{width:70%;height:auto}.reviews-cards{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem}.review-card{width:70%;height:auto}.hero-reviews{margin-right:0}.pricing-cards{flex-direction:column;align-items:center}.pricing-card{width:80%}.project-showcase{flex-direction:column;gap:2rem;width:100%;max-width:100%;margin-top:2rem}.project-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:90%;max-width:100%;padding:1.5rem;gap:1.5rem}.project-text{width:100%;max-width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem}.project-text h3{font-size:var(--font-lg);margin-bottom:.5rem}.project-text p{font-size:var(--font-md);line-height:1.5;margin-bottom:1rem;color:var(--text-muted)}.project-link{padding:10px 18px;border-radius:10px;border:2px solid var(--accent);color:var(--accent);text-decoration:none;font-weight:200;transition:all .3s ease}.project-link:hover{background-color:var(--accent);color:var(--bg-main);transform:translateY(-2px);box-shadow:var(--shadow-button)}.project-img{width:100%;max-width:100%}.project-img img{width:100%;height:300px;object-fit:cover;border-radius:15px;border:2px solid var(--border);padding:0;transition:all .3s ease}.project-img img:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border:2px solid var(--accent)}.about-content{flex-direction:column}.about-left{display:none}.m-about-card{display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:24px;width:75%;background-color:var(--bg-surface);border:2px solid var(--border);border-radius:16px;transition:all .3s ease}.m-about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--accent)}.m-about-card h1{margin:0 0 16px;font-size:var(--font-lg);color:var(--text-main);text-align:center}.m-skill-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.m-skill-list li{position:relative;padding:10px 12px 10px 32px;background-color:var(--bg-main);border-radius:10px;color:var(--text-muted);font-size:var(--font-sm);transition:all .3s ease}.m-skill-list li:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:url(/assets/check-BUFnjG-y.png) center/contain no-repeat}.m-skill-list li:hover{color:var(--text-main);transform:translateY(-4px)}.about-text{width:80%;text-align:justify}.about-text h1{text-align:center!important}.faq-list{width:90%}.faq-item{padding:18px}.faq-question h3{font-size:var(--font-md)}.contact-content{width:100%;justify-content:center}.contact-left{width:100%;display:flex;justify-content:center}.contact-form{width:90%;max-width:100%;padding:2rem;box-sizing:border-box}}@media(max-width:480px){.header-left h1,.hero-left h1{font-size:var(--font-xl)}.project-card{width:95%;padding:1rem;gap:1rem}.project-text h3{font-size:var(--font-md)}.project-text p{font-size:var(--font-sm);line-height:1.4}.project-img img{width:100%;height:auto}.contact-btn,.theme-toggle{width:50%;text-align:center}}