*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f7fa;color:#1f2937;line-height:1.6}section{padding:90px 20px}.container{max-width:1200px;margin:auto}:root{--dark: #0b1c2d;--orange: #f97316;--orange-dark: #ea580c;--gray: #64748b;--light: #f8fafc}.navbar{position:sticky;top:0;z-index:1000;background:var(--dark);padding:14px 40px;display:flex;justify-content:space-between;align-items:center}.navbar h2{color:#fff;font-weight:700}.navbar ul{list-style:none;display:flex;gap:30px;align-items:center}.navbar a{color:#e5e7eb;text-decoration:none;font-weight:500}.navbar a:hover{color:var(--orange)}.hero{background:linear-gradient(#0b1c2dd9,#0b1c2dd9),url(/hero-bg.jpg) center/cover no-repeat;color:#fff}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;align-items:center}.hero h1{font-size:3.2rem;line-height:1.2}.highlight{color:var(--orange)}.hero-subtitle{margin:20px 0;font-weight:600;color:#fde68a}.hero-description{max-width:520px;color:#e5e7eb}.hero-buttons{margin-top:30px;display:flex;gap:18px}.hero-photo{width:320px;border-radius:10px}.btn{padding:14px 28px;border-radius:6px;font-weight:700;text-decoration:none;display:inline-block}.primary{background:var(--orange);color:#fff}.primary:hover{background:var(--orange-dark)}.secondary{border:2px solid var(--orange);color:var(--orange)}.secondary:hover{background:var(--orange);color:#fff}.section-title{text-align:center;font-size:2.5rem;margin-bottom:10px;font-weight:800}.section-subtitle{text-align:center;color:var(--gray);margin-bottom:50px}#what-i-do{padding:90px 20px;background:#fff}#what-i-do .section-title{text-align:center;font-size:2.3rem;margin-bottom:14px;font-weight:700;color:#111827}#what-i-do .section-intro{text-align:center;max-width:720px;margin:0 auto 60px;font-size:1rem;line-height:1.7;color:#4b5563}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:35px}.service-card{background:#f9fafb;padding:32px 28px;border-radius:18px;box-shadow:0 16px 40px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:100%}.service-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px #0000001f}.service-card h3{font-size:1.2rem;font-weight:700;margin-bottom:14px;color:#1f2937}.service-card p{font-size:.95rem;line-height:1.6;color:#4b5563;margin-bottom:18px}.service-card li{position:relative;padding-left:18px;font-size:.9rem;color:#374151;margin-bottom:10px}body.dark #what-i-do{background:#0f172a}body.dark .service-card{background:#ffffff0d}body.dark .service-card h3{color:#fff}body.dark .service-card p,body.dark .service-card li{color:#e5e7eb}body.dark .service-card li:before{color:#f97316}@media(max-width:600px){#what-i-do{padding:70px 15px}#what-i-do .section-title{font-size:1.9rem}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.service-card{background:#f8fafc;padding:30px;border-radius:14px;box-shadow:0 10px 25px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #00000014}.service-card h3{font-size:1.2rem;margin-bottom:12px;color:#111}.service-card p{font-size:.95rem;color:#555;line-height:1.6;margin-bottom:18px}.service-card ul{list-style:none;padding:0;margin:0}.service-card li{font-size:.9rem;color:#444;padding-left:18px;margin-bottom:10px;position:relative}.service-card li:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:700}.fade-in{animation:fadeUp .8s ease-in-out both}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){#what-i-do{padding:60px 15px}#what-i-do .section-title{font-size:1.8rem}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.blog-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 25px #00000014}.blog-card img{width:100%;height:180px;object-fit:cover}.blog-card-content{padding:20px}.blog-card span{font-size:.85rem;color:var(--orange);font-weight:600}.brands{background:#fff;text-align:center}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:35px;margin-top:40px}.brand-card img{width:100%;max-height:60px;object-fit:contain;filter:grayscale(100%)}.footer{background:var(--dark);color:#cbd5e1;padding:70px 20px 30px}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}.footer a{color:#94a3b8;text-decoration:none}.footer a:hover{color:#fff}.footer-bottom{text-align:center;margin-top:40px;border-top:1px solid #334155;padding-top:20px;font-size:.85rem}.fade-in{animation:fadeUp .9s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.hero-photo{margin:auto}}.gallery{background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.gallery-card{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 12px 30px #0000001f;cursor:pointer}.gallery-card img{width:100%;height:320px;object-fit:cover;transition:transform .5s ease}.gallery-card:hover img{transform:scale(1.08)}.gallery-overlay{position:absolute;inset:0;background:#0b1c2da6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.gallery-card:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:#fff;font-size:1rem;font-weight:600;background:var(--orange);padding:10px 18px;border-radius:6px}.gallery-filters{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{padding:10px 22px;border-radius:30px;border:2px solid var(--orange);background:transparent;color:var(--orange);font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:var(--orange);color:#fff}.lightbox{position:fixed;inset:0;background:#0b1c2de6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.lightbox img{max-width:90%;max-height:75vh;border-radius:10px;box-shadow:0 20px 50px #0006}.lightbox p{margin-top:15px;color:#fff;font-weight:600}.lightbox-close{position:absolute;top:25px;right:30px;font-size:2.5rem;color:#fff;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#contact{padding:90px 20px;background:#0f172a;color:#fff}.contact-box{max-width:700px;margin:auto;background:#ffffff0a;padding:50px 40px;border-radius:18px;box-shadow:0 20px 45px #0000004d;text-align:center}.contact-box h2{font-size:2.3rem;margin-bottom:15px;font-weight:700}.contact-box p{font-size:1rem;line-height:1.7;color:#e5e7eb;margin-bottom:35px}.contact-form{display:flex;flex-direction:column;gap:18px;margin-bottom:30px}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0f172acc;color:#fff;font-size:.95rem;outline:none;transition:border .3s ease,background .3s ease}.contact-form textarea{min-height:140px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange);background:#0f172a}.contact-form ::placeholder{color:#9ca3af}.btn{padding:13px 26px;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-block}.btn.primary{background:linear-gradient(90deg,#2563eb,#f97316);border:none;color:#fff}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb59}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}.btn.secondary:hover{background:#ffffff14}.contact-buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}@media(max-width:600px){.contact-box{padding:40px 22px}.contact-box h2{font-size:1.9rem}}.form-message{margin-top:12px;font-size:.9rem}.form-message.success{color:#22c55e}.form-message.error{color:#ef4444}.social-links{margin-top:30px;display:flex;gap:18px;justify-content:center}.social-links a{padding:10px 18px;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;color:#fff;background:#ffffff14;transition:transform .2s ease,background .2s ease}.social-links a:hover{background:var(--orange);transform:translateY(-3px)}body.light #contact{background:#f9fafb;color:#1f2937}body.light .contact-box{background:#fff;box-shadow:0 20px 40px #00000014}body.light .contact-form input,body.light .contact-form textarea{background:#f3f4f6;color:#1f2937;border:1px solid #d1d5db}body.light .contact-form ::placeholder{color:#6b7280}body.light .btn.secondary{border-color:#d1d5db;color:#1f2937}body.light .social-links a{background:#e5e7eb;color:#1f2937}#projects{padding:90px 20px;background:#fff}#projects .section-title{text-align:center;font-size:2.3rem;margin-bottom:60px;font-weight:700;color:#111827}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.project-card{background:#f8fafc;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 28px 55px #0000001f}.project-card img{width:100%;height:200px;object-fit:cover;display:block}.project-content{padding:26px 26px 30px;display:flex;flex-direction:column;gap:14px;flex-grow:1}.project-content h3{font-size:1.2rem;font-weight:700;color:#111827}.project-content p{font-size:.95rem;line-height:1.6;color:#4b5563}.project-content strong{color:#1f2937}.project-tech{margin-top:auto;align-self:flex-start;font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:999px;background:#2563eb1a;color:#2563eb}body.light #projects{background:#f9fafb}body.dark #projects{background:#0f172a}body.dark .project-card{background:#ffffff0d}body.dark .project-content h3{color:#fff}body.dark .project-content p{color:#e5e7eb}body.dark .project-tech{background:#f9731626;color:#f97316}@media(max-width:600px){#projects{padding:70px 15px}#projects .section-title{font-size:1.9rem}.project-card img{height:180px}}#skills{padding:90px 20px;background:#f9fafb}#skills .section-title{text-align:center;font-size:2.3rem;margin-bottom:60px;font-weight:700;color:#111827}.skills-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:35px}.skills-card{background:#fff;padding:30px 28px;border-radius:18px;box-shadow:0 16px 40px #00000014;transition:transform .3s ease,box-shadow .3s ease}.skills-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px #0000001f}.skills-card h3{font-size:1.2rem;font-weight:700;margin-bottom:18px;color:#1f2937}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-badge{padding:8px 14px;font-size:.85rem;font-weight:600;border-radius:999px;background:#2563eb1a;color:#2563eb;transition:background .3s ease,transform .2s ease}.skill-badge:hover{background:#2563eb2e;transform:translateY(-2px)}body.dark #skills{background:#0f172a}body.dark .skills-card{background:#ffffff0d}body.dark .skills-card h3{color:#fff}body.dark .skill-badge{background:#f9731626;color:#f97316}@media(max-width:600px){#skills{padding:70px 15px}#skills .section-title{font-size:1.9rem}}.about{background:#fff;padding:80px 20px}.about .container{max-width:900px;margin:auto;text-align:center}.section-title{font-size:2.4rem;font-weight:700;margin-bottom:30px;color:#111;position:relative}.section-title:after{content:"";width:60px;height:4px;background:#2563eb;display:block;margin:12px auto 0;border-radius:2px}.about-text{font-size:1.05rem;line-height:1.8;color:#444;max-width:780px;margin:auto}.about-text strong{color:#111;font-weight:600}.fade-in{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.section-title{font-size:2rem}.about-text{font-size:1rem}}.navbar{position:sticky;top:0;z-index:1000;background:#fff;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;transition:background .3s ease,border .3s ease}.logo{font-size:1.4rem;font-weight:700;color:#111}.nav-links{list-style:none;display:flex;align-items:center;gap:28px}.nav-links a{text-decoration:none;font-size:.95rem;font-weight:500;color:#374151;position:relative;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;width:0;height:2px;background:#2563eb;left:0;bottom:-6px;transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#2563eb}.dark-btn{background:transparent;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-size:1rem;cursor:pointer;transition:all .3s ease}.dark-btn:hover{background:#f3f4f6}body.dark .navbar{background:#0f172a;border-bottom:1px solid #1e293b}body.dark .logo{color:#f8fafc}body.dark .nav-links a{color:#cbd5f5}body.dark .nav-links a:hover{color:#60a5fa}body.dark .nav-links a:after{background:#60a5fa}body.dark .dark-btn{border-color:#334155;color:#f8fafc}body.dark .dark-btn:hover{background:#1e293b}@media(max-width:768px){.navbar{padding:14px 20px}.nav-links{gap:18px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}.container{width:100%;max-width:1200px;margin:auto;padding:0 20px}.hero{min-height:90vh;display:flex;align-items:center}.hero h1{font-size:3rem}.hero p{font-size:1.1rem;max-width:600px}@media(max-width:1024px){.hero h1{font-size:2.5rem}}@media(max-width:768px){.hero{text-align:center}.hero h1{font-size:2rem}.hero p{font-size:1rem;margin:auto}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid{grid-template-columns:1fr}}.about-text{font-size:1.05rem;line-height:1.8}@media(max-width:1024px){.about-text{font-size:1rem}}@media(max-width:768px){.about-text{font-size:.95rem;text-align:center}}img{max-width:100%;height:auto;display:block}button{padding:10px 18px}@media(max-width:768px){button{width:100%}}