:root{--primary:#2E8B57;--primary-dark:#236b45;--secondary:#fbbf24;--text-dark:#1e293b;--text-light:#64748b;--border:#e5e7eb;--white:#fff;--shadow:0 2px 10px rgba(0,0,0,0.1);--shadow-lg:0 10px 30px rgba(0,0,0,0.15);--radius:8px;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--text-dark);background:var(--white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.header-content{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:1rem}.logo a{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none}.logo a:hover{color:var(--primary-dark)}.search-bar{flex:1;max-width:400px;margin:0 1rem}.search-bar form{display:flex;gap:0.5rem}.search-bar input{flex:1;padding:10px 15px;border:2px solid var(--border);border-radius:25px;font-size:14px}.search-bar input:focus{outline:none;border-color:var(--primary)}.search-bar button{background:var(--primary);color:var(--white);border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:500}.header-actions{display:flex;align-items:center;gap:0.5rem}.mobile-menu-toggle{display:none;background:var(--primary);border:2px solid var(--primary);width:44px;height:44px;border-radius:var(--radius);cursor:pointer;align-items:center;justify-content:center;font-size:20px;color:var(--white)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:25px;text-decoration:none;font-weight:500;cursor:pointer;min-height:44px}.btn-categories{background:var(--primary);color:var(--white)}.btn-reviews{background:var(--secondary);color:var(--text-dark)}.btn-write-review{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--white);transform:translateX(-100%);transition:transform 0.3s;z-index:2000}.mobile-menu.active{transform:translateX(0)}.mobile-search{padding:20px;border-bottom:1px solid var(--border)}.mobile-search form{display:flex;gap:0.5rem}.mobile-search input{flex:1;padding:12px 15px;border:2px solid var(--border);border-radius:25px;font-size:16px}.mobile-search button{background:var(--primary);color:var(--white);border:none;padding:12px;border-radius:50%;cursor:pointer}.mobile-nav{padding:20px 0}.mobile-nav a{display:flex;align-items:center;gap:15px;padding:15px 20px;text-decoration:none;color:var(--text-dark);font-weight:500;border-bottom:1px solid var(--border)}.mobile-nav a:hover{background:rgba(46,139,87,0.05);color:var(--primary)}.mobile-footer-info{padding:20px;text-align:center;background:#f8fafc;border-top:1px solid var(--border)}.mobile-footer-info p{margin:5px 0;color:var(--text-light);font-size:14px}.card{background:var(--white);border-radius:15px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.card:hover{transform:translateY(-4px)}.companies-grid{display:grid;gap:20px;padding:20px 0}.company-card{background:var(--white);border-radius:15px;padding:20px;box-shadow:var(--shadow);cursor:pointer}.company-card:hover{transform:translateY(-4px)}.company-card h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-dark)}.company-card p{color:var(--text-light);margin-bottom:15px}.rating{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light)}.stars{color:var(--secondary)}.hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);padding:60px 0;text-align:center}.hero h1{font-size:2rem;margin-bottom:15px;font-weight:700}.hero p{font-size:1.1rem;margin-bottom:30px;opacity:0.9}.hero-search form{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto}.hero-search input{padding:15px 20px;border:none;border-radius:25px;font-size:16px}.hero-search button{background:var(--secondary);color:var(--text-dark);border:none;padding:15px 30px;border-radius:25px;font-weight:600;cursor:pointer}.section{padding:60px 0}.section h2{font-size:1.8rem;margin-bottom:30px;text-align:center;color:var(--text-dark)}.footer{background:var(--text-dark);color:var(--white);padding:40px 0 20px}.footer-content{display:grid;gap:30px;margin-bottom:30px}.footer-column h3{margin-bottom:15px;font-size:1.2rem}.footer-column a{color:var(--white);text-decoration:none;opacity:0.8}.footer-column a:hover{opacity:1}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);opacity:0.8}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark)}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid var(--border);border-radius:10px;font-size:16px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.star-rating{display:flex;gap:5px;font-size:24px}.star-rating input[type='radio']{display:none}.star-rating .star{color:#ddd;cursor:pointer}.star-rating .star:hover,.star-rating .star:hover~.star{color:var(--secondary)}.star-rating input[type='radio']:checked~.star{color:var(--secondary)}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:8px;margin-bottom:20px}.success-message{background:#d4edda;color:#155724;padding:15px;border-radius:8px;margin-bottom:20px}.write-review-section{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.review-form-container{max-width:800px;margin:0 auto;background:var(--white);padding:40px;border-radius:15px;box-shadow:var(--shadow-lg)}.review-form-container h1{text-align:center;color:var(--text-dark);margin-bottom:10px;font-size:2.5em}.review-form-container h2{text-align:center;color:var(--primary);margin-bottom:30px;font-size:1.5em;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.pros-cons-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.btn-submit{background:var(--primary);color:var(--white);padding:15px 40px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;display:block;margin:30px auto 0}.btn-submit:hover{background:var(--primary-dark)}.form-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.form-footer small{color:var(--text-light);line-height:1.5}.form-footer a{color:var(--primary);text-decoration:none;font-weight:600}.form-footer a:hover{text-decoration:underline}@media (max-width:767px){.search-bar{display:none}.header-actions .btn-categories,.header-actions .btn-reviews,.header-actions .btn-write-review{display:none!important}.mobile-menu-toggle{display:flex!important}.companies-grid{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.hero-search form{max-width:300px}.review-form-container{padding:20px;margin:20px}.form-row,.pros-cons-section{grid-template-columns:1fr;gap:15px}.star-rating .star{font-size:25px}.section h2{font-size:1.5rem}}@media (min-width:768px){.mobile-menu-toggle{display:none!important}.companies-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:2.5rem}.hero-search form{flex-direction:row;max-width:500px}.footer-content{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.companies-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:3rem}.hero-search form{max-width:600px}}

/* Breadcrumbs */
.breadcrumb-nav {
    background: #f8fafc;
    padding: 12px 0;
    border-bottom: 1px solid #e5e7eb;
}

.breadcrumb {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item:not(:last-child)::after {
    content: "›";
    margin: 0 8px;
    color: #9ca3af;
    font-weight: bold;
}

.breadcrumb-item a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color: #10b981;
}

.breadcrumb-item.active {
    color: #374151;
    font-weight: 500;
}

/* New Header Design */
.header-new {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 16px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.header-content-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.logo-new a {
    font-size: 24px;
    font-weight: 700;
    color: #10b981;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    transition: color 0.3s ease;
}

.logo-new a:hover {
    color: #059669;
    text-decoration: none;
}

.search-bar-new {
    flex: 1;
    max-width: 500px;
}

.search-bar-new form {
    display: flex;
    align-items: center;
    background: #f3f4f6;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.search-bar-new form:focus-within {
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.search-bar-new input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 12px 16px;
    font-size: 14px;
    outline: none;
    color: #374151;
}

.search-bar-new input::placeholder {
    color: #9ca3af;
}

.search-bar-new button {
    background: #10b981;
    color: white;
    border: none;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.search-bar-new button:hover {
    background: #059669;
}

.header-actions-new {
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-categories-new {
    background: white;
    color: #10b981;
    border: 2px solid #10b981;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.btn-categories-new:hover {
    background: #10b981;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.btn-reviews-new {
    background: #8b5cf6;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.btn-reviews-new:hover {
    background: #7c3aed;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

.btn-write-review-new {
    background: #10b981;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.btn-write-review-new:hover {
    background: #059669;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    color: #374151;
    cursor: pointer;
}

/* Responsive Design */
@media (max-width: 768px) {
    .header-content-new {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .search-bar-new {
        order: 3;
        max-width: 100%;
        flex-basis: 100%;
    }
    
    .header-actions-new {
        gap: 8px;
    }
    
    .btn-categories-new,
    .btn-reviews-new,
    .btn-write-review-new {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    .mobile-menu-toggle {
        display: block;
    }
}

@media (max-width: 480px) {
    .header-content-new {
        padding: 0 15px;
    }
    
    .logo-new a {
        font-size: 20px;
    }
    
    .header-actions-new {
        flex: 1;
        justify-content: flex-end;
    }
    
    .btn-categories-new {
        display: none;
    }
}