:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;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}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:25px 70px;background:#000;color:#fff;position:sticky;top:0;z-index:1000}.logo-box h2{color:orange;font-size:26px;margin:0;font-weight:700}.logo-box span{display:block;font-size:12px;letter-spacing:2px;color:#ccc;margin-top:2px}.nav-links{display:flex;list-style:none;gap:35px}.nav-links li{cursor:pointer;font-size:14px;letter-spacing:1px;transition:.3s}.nav-links li:hover{color:orange}.navbar{display:flex;justify-content:space-between;align-items:center;padding:22px 60px;background:#000;color:#fff;position:sticky;top:0;z-index:1000}.logo-box h2{color:orange;margin:0;font-size:24px}.logo-box span{font-size:12px;letter-spacing:2px;color:#ccc}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{color:#fff;text-decoration:none;font-size:14px;letter-spacing:1px;transition:.3s}.nav-links a:hover{color:orange}.hamburger{display:none;font-size:28px;cursor:pointer}@media(max-width:768px){.hamburger{display:block}.nav-links{position:absolute;top:70px;right:0;background:#000;width:100%;flex-direction:column;align-items:center;display:none;padding:20px 0;gap:20px}.nav-links.active{display:flex}}@media(max-width:768px){.nav-links{display:none}}.hero{display:flex;justify-content:space-between;align-items:center;padding:60px;background:#000;color:#fff;min-height:90vh}.hero-left{max-width:50%}.hero-left h1{font-size:48px}.hero-left span{color:orange}.hero-left h2{margin:10px 0;color:#ccc}.hero-left p{color:#aaa;margin:20px 0;line-height:1.6}.hero-buttons{display:flex;gap:20px}.btn-dark{padding:12px 24px;background:transparent;border:1px solid white;color:#fff;cursor:pointer}.btn-light{padding:12px 24px;background:#fff;color:#000;border:none;cursor:pointer}.btn-light:hover{background:orange;color:#000}.hero-right img{width:350px;border-radius:20px}@media(max-width:768px){.hero{flex-direction:column;text-align:center}.hero-left{max-width:100%}.hero-right img{width:250px;margin-top:30px}}html{scroll-behavior:smooth}section{scroll-margin-top:90px}.about{background:#000;color:#fff;padding:80px 60px}.about-subtitle{color:orange;text-align:center;font-size:16px}.about-title{text-align:center;font-size:42px;margin-bottom:40px}.about-content{display:flex;justify-content:center}.about-text{max-width:800px}.about-text p{color:#ccc;line-height:1.8;font-size:16px}.about-stats{display:flex;gap:80px;margin-top:30px}.about-stats h3{font-size:40px}.about-stats span{color:#aaa}.about-info{margin-top:30px;border-top:1px solid #333;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}.about-info p{color:#bbb}@media(max-width:768px){.about{padding:50px 20px}.about-title{font-size:32px}.about-stats{flex-direction:column;gap:20px}.about-info{flex-direction:column;gap:10px}}.services{background:#000;color:#fff;padding:80px 60px;text-align:center}.services-subtitle{color:orange;font-size:16px}.services-title{font-size:42px;margin:15px 0 50px}.services-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{border:1px solid #333;padding:30px;border-radius:15px;text-align:left;transition:.3s;background:#0f0f0f}.service-card:hover{border-color:orange;transform:translateY(-5px)}.service-icon{font-size:30px;color:orange;margin-bottom:15px}.service-card h3{font-size:22px;margin-bottom:10px}.service-card p{color:#aaa;line-height:1.6}@media(max-width:900px){.services-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.services{padding:50px 20px}.services-title{font-size:30px}.services-cards{grid-template-columns:1fr}}.skills{background:#000;color:#fff;padding:80px 60px}.skills-subtitle{color:orange;font-size:16px}.skills-title{font-size:42px;margin:10px 0 50px}.skills-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px}.skill-card{background:#0f0f0f;border:1px solid #333;border-radius:12px;padding:25px;text-align:center;transition:.3s}.skill-card:hover{transform:translateY(-6px);border-color:orange}.skill-icon{font-size:50px;color:#fff}.skill-card p{margin-top:10px;color:#ccc}@media(max-width:900px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.skills{padding:50px 20px}.skills-title{font-size:30px}.skills-grid{grid-template-columns:repeat(2,1fr)}}.portfolio{background:#000;color:#fff;padding:80px 60px}.portfolio-subtitle{color:orange;font-size:16px}.portfolio-title{font-size:42px;margin:10px 0}.portfolio-desc{color:#ccc;max-width:900px;margin-bottom:40px}.portfolio-category{color:orange;margin-bottom:30px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:stretch}.portfolio-card{background:#0f0f0f;border:1px solid #333;border-radius:15px;padding:20px;transition:.3s;display:flex;flex-direction:column}.portfolio-card .app-buttons{margin-top:auto}.portfolio-card:hover{transform:translateY(-6px);border-color:orange}.portfolio-card img{width:100%;border-radius:10px;margin-bottom:10px}.portfolio-card h4{margin:15px 0 10px;font-size:18px;min-height:48px}.portfolio-card a{color:#fff;text-decoration:none;border-bottom:1px solid white}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portfolio{padding:50px 20px}.portfolio-title{font-size:30px}.portfolio-grid{grid-template-columns:1fr}}.portfolio-tabs{display:flex;gap:12px;margin-bottom:30px}.portfolio-tabs button{background:transparent;border:1px solid #444;color:#fff;padding:8px 18px;border-radius:20px;cursor:pointer;transition:.3s}.portfolio-tabs button:hover{border-color:orange}.portfolio-tabs .active{background:orange;color:#000;border-color:orange}.app-buttons{display:flex;gap:10px;margin-top:10px}.app-buttons a{border:1px solid white;padding:6px 12px;border-radius:20px;text-decoration:none;color:#fff;font-size:13px;transition:.3s}.app-buttons a:hover{background:orange;color:#000;border-color:orange}.portfolio-grid{row-gap:40px;column-gap:30px}.image-wrapper{height:200px;display:flex;align-items:center;justify-content:center}.image-wrapper img{max-height:100%;max-width:100%;object-fit:contain}.image-wrapper{background:#111;border-radius:12px}.web-img{width:100%;height:180px;object-fit:contain}.mobile-img{width:100%;height:220px;object-fit:contain;padding:10px}.mobile-img,.web-img{background:#111;border-radius:10px}.testimonials{background:#000;color:#fff;padding:80px 60px;text-align:center}.testimonials-subtitle{color:orange;font-size:16px}.testimonials-title{font-size:42px;margin:15px 0 50px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.testimonial-card{background:#0f0f0f;border:1px solid #333;border-radius:15px;padding:25px;text-align:left;transition:.3s}.testimonial-card:hover{border-color:orange;transform:translateY(-5px)}.testimonial-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.avatar{background:#333;width:45px;height:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:22px}.testimonial-header h4{margin:0}.testimonial-header span{color:#aaa;font-size:14px}.testimonial-text{color:#ccc;line-height:1.7}@media(max-width:900px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.testimonials{padding:50px 20px}.testimonials-title{font-size:30px}.testimonials-grid{grid-template-columns:1fr}}.contact{background:#000;color:#fff;padding:100px 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:flex-start}.contact-left h2{font-size:64px;line-height:1.15;margin-bottom:60px;font-weight:700}.contact-info>div{display:flex;gap:14px;margin-bottom:28px;align-items:flex-start}.contact-info h4{margin:0;font-size:18px}.contact-info p{margin-top:6px;color:#ccc;line-height:1.6;font-size:15px}.contact-social{display:flex;gap:14px;margin-top:40px}.contact-social a{background:#111;padding:12px 14px;border-radius:10px;color:#fff;font-size:17px;transition:.3s}.contact-social a:hover{background:orange;color:#000}.contact-right form{display:flex;flex-direction:column}.contact-right label{margin:10px 0 6px;font-size:14px;color:#ddd}.contact-right input,.contact-right textarea{width:100%;background:transparent;border:1px solid #444;border-radius:30px;padding:12px 20px;color:#fff;font-size:14px;outline:none}.contact-right textarea{border-radius:18px;min-height:140px;resize:none}.contact-right input:focus,.contact-right textarea:focus{border-color:orange}.contact-right button{margin-top:28px;background:orange;color:#000;border:none;padding:13px 42px;border-radius:40px;cursor:pointer;font-weight:600;font-size:15px;width:fit-content;transition:.3s}.contact-right button:hover{background:#ffb703}@media(max-width:900px){.contact{grid-template-columns:1fr;padding:60px 20px;gap:50px}.contact-left h2{font-size:40px}}.contact-info>div{display:flex;align-items:center;gap:16px;margin-bottom:28px}.contact-info svg{font-size:22px;color:orange;min-width:22px}.contact-info>div div{display:flex;flex-direction:column}.footer{background:#000;color:#aaa;text-align:center;padding:20px;border-top:1px solid #222}