:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.main-header{color:#fff;background:#1e293b;justify-content:space-between;align-items:center;padding:15px 40px;display:flex}.logo{font-size:22px;font-weight:700}.nav-menu a{color:#cbd5e1;margin:0 15px;font-size:15px;text-decoration:none;transition:color .3s}.nav-menu a:hover{color:#fff}.header-btn{color:#000;cursor:pointer;background:#38bdf8;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.header-btn:hover{background:#0ea5e9}.main-footer{color:#cbd5e1;background:#1e293b;justify-content:space-between;align-items:center;padding:25px 40px;display:flex}.main-footer h3{color:#fff;margin-bottom:5px}.footer-links a{color:#cbd5e1;margin:0 12px;font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#38bdf8}.footer-right{font-size:14px}@media (max-width:768px){.main-footer{text-align:center;flex-direction:column;gap:15px}}.hero{color:#fff;background:linear-gradient(135deg,#020617,#1e293b);justify-content:space-between;align-items:center;padding:80px 40px;display:flex}.hero-content{max-width:700px}.hero-content h1{margin-bottom:20px;font-size:48px}.hero-content p{color:#cbd5e1;margin-bottom:30px;font-size:18px;line-height:1.6}.hero-actions{gap:15px;display:flex}.btn-primary{color:#020617;background:#38bdf8;border-radius:8px;padding:12px 26px;font-weight:600;text-decoration:none}.btn-primary:hover{background:#0ea5e9}.btn-secondary{color:#38bdf8;border:1px solid #38bdf8;border-radius:8px;padding:12px 26px;text-decoration:none}.btn-secondary:hover{color:#020617;background:#38bdf8}.hero-image img{width:100%;max-width:450px}@media (max-width:992px){.hero{text-align:center;flex-direction:column;gap:40px}.hero-content h1{font-size:36px}.hero-actions{justify-content:center}}.about-container{max-width:1100px;margin:auto;padding:60px 20px}.about-header{text-align:center;margin-bottom:50px}.about-header h1{color:#222;margin-bottom:10px;font-size:36px}.about-header p{color:#666;font-size:18px}.about-content{flex-wrap:wrap;gap:30px;display:flex}.about-box{background:#fff;border-radius:8px;flex:300px;padding:30px;box-shadow:0 4px 10px #0000000d}.about-box h2{color:#0056b3;margin-bottom:15px;font-size:22px}.about-box p{color:#555;font-size:16px}.about-footer{text-align:center;color:#777;margin-top:50px;font-size:15px}.services-container{max-width:1100px;margin:auto;padding:60px 20px}.services-header{text-align:center;margin-bottom:50px}.services-header h1{color:#222;margin-bottom:10px;font-size:36px}.services-header p{color:#666;font-size:18px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.service-card{background:#fff;border-radius:8px;padding:30px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 10px #0000000d}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.service-card h2{color:#0056b3;margin-bottom:15px;font-size:22px}.service-card p{color:#555;font-size:16px}.services-footer{text-align:center;color:#777;margin-top:50px;font-size:15px}.contact-container{max-width:1100px;margin:auto;padding:60px 20px}.contact-header{text-align:center;margin-bottom:50px}.contact-header h1{color:#222;margin-bottom:10px;font-size:36px}.contact-header p{color:#666;font-size:18px}.contact-content{flex-wrap:wrap;gap:30px;display:flex}.contact-info,.contact-form{background:#fff;border-radius:8px;flex:320px;padding:30px;box-shadow:0 4px 10px #0000000d}.contact-info h2,.contact-form h2{color:#0056b3;margin-bottom:20px;font-size:22px}.contact-info p{color:#555;margin-bottom:12px;font-size:16px}.contact-info span{color:#333;font-weight:700}.contact-form form{flex-direction:column;display:flex}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;outline:none;margin-bottom:15px;padding:12px;font-size:15px}.contact-form textarea{resize:vertical;min-height:120px}.contact-form input:focus,.contact-form textarea:focus{border-color:#0056b3}.contact-form button{color:#fff;cursor:pointer;background:#0056b3;border:none;border-radius:5px;padding:12px;font-size:16px;transition:background .3s}.contact-form button:hover{background:#003d80}.contact-footer{text-align:center;color:#777;margin-top:50px;font-size:15px}.login-container{background:#f0f0f0;border-radius:8px;width:100%;max-width:70%;margin:50px auto;padding:40px 30px;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.login-container .loginForm{background-color:#fff;border-radius:3px;padding:30px 25px 40px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.login-container .loginImage img{object-fit:contain;width:100%;max-height:400px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#222;margin:0;font-size:25px}.login-header p{color:#666;font-size:15px}.login-form{flex-direction:column;display:flex}.login-form input{border:1px solid #ccc;border-radius:5px;outline:none;margin-bottom:15px;padding:12px;font-size:15px}.login-form input:focus{border-color:#0056b3}.login-form button{color:#fff;cursor:pointer;background:#0056b3;border:none;border-radius:5px;padding:12px;font-size:16px;transition:background .3s}.login-form button:hover{background:#003d80}.login-links{text-align:center;margin-top:20px;font-size:14px}.login-links a{color:#0056b3;margin:0 5px;text-decoration:none}.login-links a:hover{text-decoration:underline}.modal{background-color:red;width:fit-content;margin:200px auto;padding:30px;display:none;position:fixed;top:0;left:0;right:0}.modal a{color:#fff;text-decoration:none;position:absolute;top:10px;right:10px}.modal input{border:none;border-radius:3px;margin:8px 0;padding:5px 10px;display:block}.whatsappImage{position:fixed;bottom:20px;right:20px}.whatsappImage img{width:auto;height:60px}