@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--primary:#006d75;--primary-light:#009aa6;--secondary:#ffb800;--bg-color:#f8fafc;--text-dark:#1e293b;--text-light:#64748b;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffffd9;width:100%;position:fixed;top:0;box-shadow:0 2px 10px #0000000d}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:15px 20px;display:flex}.logo img{width:auto;height:40px}.nav-links a{color:var(--primary);margin-left:30px;font-weight:600;transition:color .3s}.nav-links a:hover{color:var(--primary-light)}.hero{text-align:center;background:linear-gradient(135deg,#e6f7f8 0%,#fff 100%);padding:150px 20px 100px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,#006d751a 0%,#fff0 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;right:-200px}.hero-container{z-index:2;max-width:900px;margin:0 auto;position:relative}.hero h1{color:var(--primary);margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.2}.hero p{color:var(--text-light);max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.25rem}.download-buttons{justify-content:center;gap:20px;display:flex}.btn{cursor:pointer;border-radius:30px;align-items:center;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:0 10px 20px #006d7533}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 25px #006d754d}.btn-secondary{background-color:var(--text-dark);color:var(--white);box-shadow:0 10px 20px #1e293b33}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 15px 25px #1e293b4d}.btn i{margin-right:10px;font-size:1.2rem}.features{max-width:1200px;margin:0 auto;padding:100px 20px}.section-title{text-align:center;color:var(--primary);margin-bottom:60px;font-size:2.5rem}.feature-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.feature-card{background:var(--white);border:1px solid #0000000d;border-radius:20px;padding:40px;transition:transform .3s;box-shadow:0 20px 40px #0000000a}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:var(--primary);align-items:center;margin-bottom:25px;font-size:1.8rem;display:flex}.feature-card h3 i{background:#e6f7f8;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;display:inline-flex}.feature-list{list-style:none}.feature-list li{align-items:flex-start;margin-bottom:15px;display:flex}.feature-list li i{color:var(--secondary);margin-top:5px;margin-right:15px}footer{background:var(--text-dark);color:var(--white);text-align:center;padding:60px 20px 30px}.footer-links{justify-content:center;gap:30px;margin-bottom:30px;display:flex}.footer-links a{color:#cbd5e1;transition:color .3s}.footer-links a:hover{color:var(--white)}.copyright{color:#64748b;font-size:.9rem}.page-header{background:var(--primary);color:var(--white);text-align:center;padding:150px 20px 80px}.page-header h1{font-size:3rem}.page-content{background:var(--white);border-radius:20px;max-width:800px;margin:60px auto;padding:40px;box-shadow:0 10px 30px #0000000d}.page-content h2{color:var(--primary);margin-top:30px;margin-bottom:15px}.page-content p{color:var(--text-light);margin-bottom:20px}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form input,.contact-form textarea{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:15px;font-family:inherit;font-size:1rem}.contact-form textarea{resize:vertical;min-height:150px}.contact-form button{background:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:10px;padding:15px;font-size:1.1rem;font-weight:600;transition:background .3s}.contact-form button:hover{background:var(--primary-light)}@media (width<=768px){.feature-grid{grid-template-columns:1fr}.hero h1{font-size:2.5rem}}
