:root{--primary-color: #003366;--secondary-color: #0066cc;--accent-color: #0099ff;--light-color: #f0f8ff;--white-color: #ffffff;--dark-color: #001a33;--gray-color: #e6e6e6}body{font-family:Roboto,Segoe UI,Arial,sans-serif;margin:0;padding:0;color:#333;background-color:var(--white-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--primary-color);color:var(--white-color);padding:15px 0;box-shadow:0 2px 5px #0000001a;position:fixed;width:100%;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo img{height:50px;margin-right:10px}.logo h1{font-size:1.5rem;margin:0;font-weight:600}nav ul{display:flex;list-style:none;margin:0;padding:0}nav ul li{margin-left:20px}nav ul li a{color:var(--white-color);text-decoration:none;font-weight:500;transition:color .3s;padding:5px 10px;border-radius:4px}nav ul li a:hover{color:var(--accent-color);background-color:#ffffff1a}nav ul li a.active{color:var(--white-color);background-color:var(--secondary-color)}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white-color);padding:120px 0 80px;text-align:center}.hero h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.hero p{font-size:1.2rem;max-width:800px;margin:0 auto 30px;line-height:1.6}.btn{display:inline-block;background-color:var(--accent-color);color:var(--white-color);padding:12px 30px;border-radius:4px;text-decoration:none;font-weight:600;transition:background-color .3s;border:none;cursor:pointer}.btn:hover{background-color:var(--secondary-color)}.services{padding:80px 0;background-color:var(--light-color)}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:2rem;color:var(--primary-color);margin-bottom:15px}.section-title p{color:#666;max-width:700px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background-color:var(--white-color);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.service-card img{width:100%;height:200px;object-fit:cover}.service-content{padding:20px}.service-content h3{color:var(--primary-color);margin-top:0;margin-bottom:15px;font-size:1.3rem}.service-content p{color:#666;line-height:1.6;margin-bottom:15px}.about{padding:80px 0}.about-content{display:flex;align-items:center;gap:50px}.about-text{flex:1}.about-text h2{color:var(--primary-color);margin-top:0;font-size:2rem;margin-bottom:20px}.about-text p{color:#666;line-height:1.7;margin-bottom:20px}.about-image{flex:1}.about-image img{width:100%;border-radius:8px;box-shadow:0 5px 15px #0000001a}.contact{padding:80px 0;background-color:var(--light-color)}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px}.contact-info{color:#666}.contact-info h3{color:var(--primary-color);margin-top:0;font-size:1.5rem;margin-bottom:20px}.contact-info p{margin-bottom:15px;line-height:1.6}.contact-info-item{display:flex;align-items:center;margin-bottom:15px}.contact-info-item i{color:var(--primary-color);margin-right:10px;font-size:1.2rem}.contact-form{background-color:var(--white-color);padding:30px;border-radius:8px;box-shadow:0 5px 15px #0000001a}.contact-form h3{color:var(--primary-color);margin-top:0;font-size:1.5rem;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#666;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{height:120px;resize:vertical}footer{background-color:var(--primary-color);color:var(--white-color);padding:40px 0 20px}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}.footer-logo{display:flex;align-items:center;margin-bottom:15px}.footer-logo img{height:40px;margin-right:10px}.footer-logo h3{font-size:1.3rem;margin:0}.footer-links h4{font-size:1.1rem;margin-top:0;margin-bottom:15px;color:var(--accent-color)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:var(--light-color);text-decoration:none;transition:color .3s}.footer-links ul li a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.header-container{flex-direction:column}nav ul{margin-top:15px}.about-content{flex-direction:column}.hero h2{font-size:2rem}.hero p{font-size:1rem}.section-title h2{font-size:1.8rem}}@media (max-width: 480px){nav ul{flex-direction:column;align-items:center}nav ul li{margin:5px 0}.hero{padding:100px 0 60px}.hero h2{font-size:1.8rem}.btn{padding:10px 20px}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--radius: .5rem ;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8% }}