*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto', sans-serif;background-color:#f8f9fa;color:#343a40;min-height:100vh;line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}h1, h2, h3, h4{font-family:'Poppins', sans-serif;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}@media (min-width:768px){h1{font-size:3rem}h2{font-size:2.25rem}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.navbar{background:linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);color:white;padding:0.75rem 0;position:sticky;top:0;z-index:50;box-shadow:0 15px 40px rgba(0, 0, 0, 0.1)}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:4rem}.logo{display:flex;align-items:center;gap:0.5rem;font-size:1.25rem;font-weight:700}.nav-links{display:none;align-items:center;gap:1.5rem}.nav-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;border-radius:0.5rem;transition:background-color 0.3s ease}.nav-link:hover{background-color:rgba(255, 255, 255, 0.2)}.calculator-btn{background-color:white;color:#6a11cb;font-weight:600;padding:0.5rem 1rem;border-radius:0.5rem}.calculator-btn:hover{box-shadow:0 20px 40px rgba(0, 0, 0, 0.15)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:white;color:#343a40;border-radius:0.5rem;box-shadow:0 15px 40px rgba(0, 0, 0, 0.1);padding:0.5rem 0;min-width:12rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition: transform 0.3s ease}.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu{opacity:1, opacity 0.3s ease}.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu{opacity:1, background-color 0.3s ease}.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu{opacity:1, color 0.3s ease}.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu{opacity:1, box-shadow 0.3s ease}.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu{opacity:1, border-color 0.3s ease}.dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:0.5rem 1rem;font-size:0.875rem}.dropdown-menu a:hover{background-color:#f1f3f5}.mobile-menu-btn{background:transparent;border:none;color:white;font-size:1.5rem;cursor:pointer;display:block}@media (min-width:768px){.nav-links{display:flex}.mobile-menu-btn{display:none}.mobile-menu{display:none !important}}.mobile-menu{display:none;flex-direction:column;gap:0.75rem;padding:1rem 0;border-top:1px solid rgba(255, 255, 255, 0.2)}.mobile-menu a{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;border-radius:0.5rem}.mobile-menu a:hover{background-color:rgba(255, 255, 255, 0.2)}.hero{background:linear-gradient(to right, #6a11cb, #2575fc);color:white;padding:3rem 0;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-icon{display:inline-block;padding:1rem;background:rgba(255, 255, 255, 0.2);border-radius:999px;margin-bottom:1.5rem;font-size:2rem}.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;opacity:0.9;margin-bottom:1.5rem}@media (min-width:768px){.hero{padding:5rem 0}.hero-title{font-size:3rem}}.main-content{padding:3rem 0}.section{margin-bottom:4rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title{font-size:1.75rem;font-weight:700;color:#2d3436}.badge{background-color:#dcfce7;color:#16a34a;padding:0.25rem 1rem;border-radius:999px;font-size:0.875rem;font-weight:600}.templates-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.templates-grid{grid-template-columns:repeat(3, 1fr)}}.template-card{background:white;border-radius:1rem;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);transition:box-shadow 0.3s ease}.template-card:hover{box-shadow:0 10px 25px rgba(0, 0, 0, 0.1)}.card-content{padding:1.5rem}.card-icon{width:3rem;height:3rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.25rem;color:white}.card-icon.purple{background-color:#e9d5ff;color:#7e22ce}.card-icon.green{background-color:#dcfce7;color:#16a34a}.card-icon.blue{background-color:#dbeafe;color:#2563eb}.card-title{font-size:1.25rem;margin-bottom:0.75rem}.card-desc{color:#6c757d;margin-bottom:1.25rem}.card-meta{display:flex;flex-direction:column;gap:0.5rem}.meta-item{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#6c757d}.card-footer{background-color:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;background-color:#6a11cb;color:white;font-weight:600;padding:0.75rem 1rem;border-radius:0.5rem;transition:background-color 0.3s ease}.btn-primary:hover{background-color:#2575fc}.btn-primary i{margin-right:0.5rem}.tools-section{margin-top:4rem}.tools-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.tools-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(4, 1fr)}}.tool-card{background:white;padding:1.5rem;border-radius:0.75rem;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08)}.tool-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1rem;color:white}.tool-icon.pink{background:#f9a8d4;color:#be185d}.tool-icon.green{background:#86efac;color:#166534}.tool-icon.blue{background:#93c5fd;color:#1e40af}.tool-icon.purple{background:#c4b5fd;color:#5b21b6}.tool-title{font-weight:600;margin-bottom:0.5rem}.tool-desc{color:#6c757d;font-size:0.875rem;margin-bottom:1rem}.tool-link{color:#6a11cb;font-weight:600;font-size:0.875rem}.tool-link:hover{text-decoration:underline}.footer{background-color:#212529;color:white;padding-top:3rem;padding-bottom:1.5rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4, 1fr)}}.footer-section h4{font-size:1.125rem;margin-bottom:1rem}.footer-desc{color:#adb5bd;margin-bottom:1.5rem}.newsletter-form{display:flex;margin-top:0.5rem}.newsletter-form input{flex:1;padding:0.5rem 1rem;border:none;border-radius:999px 0 0 999px;outline:none}.newsletter-form button{background:#6a11cb;color:white;border:none;width:2.5rem;border-radius:0 999px 999px 0;cursor:pointer}.footer-links li{margin-bottom:0.5rem}.footer-links a{display:flex;align-items:center;gap:0.5rem;color:#adb5bd;transition:color 0.2s}.footer-links a:hover{color:white}.social-icons{display:flex;gap:1rem;margin-top:1rem}.social-icons a{width:2.5rem;height:2.5rem;border-radius:50%;background:#495057;display:flex;align-items:center;justify-content:center;color:white;transition:background 0.3s}.social-icons a:hover{background:#6a11cb}.footer-bottom{text-align:center;padding-top:1.5rem;margin-top:2rem;border-top:1px solid #495057}.footer-note{max-width:800px;margin:0.5rem auto 0;opacity:0.6;font-size:0.875rem}.footer-features{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.footer-features span{display:flex;align-items:center;gap:0.25rem;font-size:0.875rem;opacity:0.8}