:root{--text-dark:#1e293b;--text-light:#475569;--bg-main:#fff;--bg-light:#f8fafc;--white:#fff;--border-color:#e2e8f0;--font-main:"Inter", sans-serif;--transition:all .3s ease}body,body.theme-navy{--primary-color:#1e3a8a;--accent-color:#d97706;--dot-color:#d9770666}body.theme-classic{--primary-color:#0b2e59;--accent-color:#0073e6;--dot-color:#0073e666}body.theme-teal{--primary-color:#0f172a;--accent-color:#0d9488;--dot-color:#0d948866}body.theme-crimson{--primary-color:#171717;--accent-color:#e11d48;--dot-color:#e11d4866}body.theme-emerald{--primary-color:#1f2937;--accent-color:#10b981;--dot-color:#10b98166}body.dark-mode{--text-dark:#cbd5e1;--text-light:#94a3b8;--bg-main:#020617;--bg-light:#0f172a;--white:#1e293b;--border-color:#334155;--primary-color:#f8fafc!important}body.dark-mode,body.dark-mode.theme-navy{--accent-color:#fbbf24;--dot-color:#fbbf2440}body.dark-mode.theme-classic{--accent-color:#3b82f6;--dot-color:#3b82f640}body.dark-mode.theme-teal{--accent-color:#2dd4bf;--dot-color:#2dd4bf40}body.dark-mode.theme-crimson{--accent-color:#fb7185;--dot-color:#fb718540}body.dark-mode.theme-emerald{--accent-color:#34d399;--dot-color:#34d39940}body,.navbar,.card,.expertise-item,.project-card,.bg-light,.hero,.btn-secondary,input,textarea,select{transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s}.theme-selector{border-right:1px solid var(--border-color);align-items:center;gap:.4rem;margin-right:-1rem;padding-right:.5rem;display:flex}.nav-links li:last-child{align-items:center;margin-left:0;display:flex}.theme-toggle{cursor:pointer;color:var(--text-dark);transition:var(--transition);background:0 0;border:none;border-radius:50%;align-items:center;padding:.5rem 0 .5rem .5rem;display:flex}.theme-toggle:hover{color:var(--accent-color);background:#0000000d}body.dark-mode .theme-toggle:hover{background:#ffffff1a}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;transition:transform .2s,border-color .2s}.swatch:hover{transform:scale(1.2)}.swatch.active{border-color:var(--text-dark);box-shadow:0 0 5px #0003}.bg-navy{background-color:#d97706}.bg-classic{background-color:#0073e6}.bg-teal{background-color:#0d9488}.bg-crimson{background-color:#e11d48}.bg-emerald{background-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);color:var(--text-dark);background-color:var(--bg-main);line-height:1.6}a{text-decoration:none}ul{list-style:none}.container{width:90%;max-width:1200px;margin:0 auto}.section{padding:5rem 0}.bg-light{background-color:var(--bg-light)}.text-center{text-align:center}.text-left{text-align:left}.w-100{width:100%}.section-title{text-align:center;color:var(--primary-color);margin-bottom:1rem;font-size:2.5rem}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:3rem;font-size:1.1rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;display:grid}.highlight{color:var(--accent-color)}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:4px;padding:.8rem 2rem;font-weight:600;display:inline-block}.btn-primary{background:var(--accent-color);color:var(--white)}.btn-primary:hover{background:var(--primary-color);color:var(--white)}.btn-secondary{background:var(--white);color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background:var(--bg-light)}.btn-outline{border:2px solid var(--accent-color);color:var(--accent-color)}.btn-outline:hover{background:var(--accent-color);color:var(--white)}.navbar{background:var(--white);z-index:1000;width:100%;padding:1rem 0;position:fixed;top:0;box-shadow:0 2px 10px #0000000d}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary-color);letter-spacing:1px;font-size:1.5rem;font-weight:700}.logo .dot{color:var(--accent-color)}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text-dark);transition:var(--transition);font-size:.95rem;font-weight:600}.nav-links a:hover{color:var(--accent-color)}.btn-nav{background:var(--primary-color);border-radius:4px;padding:.5rem 1.2rem;color:var(--white)!important}.btn-nav:hover{background:var(--accent-color)}.hamburger{cursor:pointer;display:none}.bar{background:var(--primary-color);width:25px;height:3px;transition:var(--transition);margin:5px auto;display:block}.hero{background-color:var(--bg-light);background-image:radial-gradient(var(--dot-color) 2px, transparent 2px);background-size:30px 30px;align-items:center;height:100vh;padding-top:60px;transition:background-color .4s,background-image .4s;display:flex}body.dark-mode .hero{background-color:#020617;background-image:radial-gradient(var(--dot-color) 2px, transparent 2px)}.hero-content h1{color:var(--primary-color);margin-bottom:1rem;font-size:4rem;line-height:1.2}.hero-content p{color:var(--text-light);max-width:600px;margin-bottom:2rem;font-size:1.2rem}.card{background:var(--white);border-top:4px solid var(--accent-color);border-radius:8px;padding:2rem;box-shadow:0 4px 15px #0000000d}.card h3{color:var(--primary-color);margin-bottom:1rem}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.expertise-item{background:var(--white);text-align:center;border:1px solid var(--border-color);transition:var(--transition);border-radius:6px;padding:1.5rem;font-weight:600}.expertise-item:hover{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 5px 15px #d977061a}.project-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.project-img.placeholder{background:var(--bg-light);height:250px;color:var(--text-light);justify-content:center;align-items:center;display:flex}.project-info{padding:1.5rem}.project-info h3{color:var(--primary-color);margin-bottom:.5rem}.max-width-p{max-width:800px;color:var(--text-light);margin:0 auto 2rem;font-size:1.1rem}.contact-info li{color:var(--text-light);margin-bottom:1rem;font-size:1.1rem}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--border-color);background-color:var(--white);width:100%;color:var(--text-dark);font-family:var(--font-main);border-radius:4px;margin-bottom:1rem;padding:1rem}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent-color);outline:none}.client-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;padding:1rem 0;display:flex}.client-logo{color:var(--text-light);opacity:.5;transition:var(--transition);cursor:default;font-size:1.5rem;font-weight:700}.client-logo:hover{opacity:1;color:var(--primary-color)}.reveal{opacity:0;transition:all .6s ease-out;transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}footer{background:var(--white);color:var(--text-dark);text-align:center;border-top:1px solid var(--border-color);padding:2rem 0}.footer-logo{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.footer-logo .dot{color:var(--accent-color)}@media (width<=768px){.hamburger{display:block}.nav-links{background:var(--white);text-align:center;flex-direction:column;gap:2rem;width:100%;padding:2rem 0;transition:all .3s;position:fixed;top:70px;left:-100%;box-shadow:0 10px 10px #0000000d}.nav-links.active{left:0}.nav-links li:last-child{margin-left:0}.theme-selector{border-right:none;margin-right:0;padding-right:0}.hero-content h1{font-size:2.5rem}.grid-2,.grid-3{grid-template-columns:1fr}}