/* CSS Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base Styles */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.header {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.navbar {
    padding: 1rem 0;
}

.navbar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo */
.nav-brand .logo {
    text-decoration: none;
    color: white;
}

.logo-text {
    font-size: 1.8rem;
    font-weight: bold;
    display: block;
}

.logo-subtitle {
    font-size: 0.9rem;
    opacity: 0.9;
    display: block;
}

/* Navigation */
.nav-menu {
    display: flex;
}

.nav-list {
    display: flex;
    list-style: none;
    gap: 2rem;
    align-items: center;
}

.nav-link {
    color: white;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    transition: all 0.3s ease;
    position: relative;
}

.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Dropdown */
.dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    min-width: 250px;
    display: none;
    z-index: 1001;
}

.dropdown-menu li {
    list-style: none;
}

.dropdown-menu a {
    display: block;
    padding: 0.8rem 1.2rem;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s ease;
}

.dropdown-menu a:hover {
    background-color: #f8f9fa;
}

/* Mobile Navigation */
.nav-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.bar {
    width: 25px;
    height: 3px;
    background-color: white;
    margin: 3px 0;
    transition: 0.3s;
}

/* Hero Section */
.hero {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%),
        url('img/photo-1556761175-b413da4baf72.jpeg') center/cover;
    color: white;
    padding: 4rem 0;
    text-align: center;
    position: relative;
}

.hero h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

.hero p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

/* Sections */
.section {
    padding: 4rem 0;
}

.section-title {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    color: #2c3e50;
}

/* Grids */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    text-align: center;
}

/* Cards */
.service-card {
    background: white;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 4px solid #3498db;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.service-card h3 {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-size: 1.4rem;
}

.service-card p {
    color: #7f8c8d;
    line-height: 1.6;
}

/* Feature Items */
.feature-item {
    text-align: center;
    padding: 2rem;
}

.feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: white;
    position: relative;
}

.feature-icon::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
}

.feature-icon.target::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9V7L15 1H5C3.89 1 3 1.89 3 3V7H21M3 19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V9H3V19Z"/></svg>');
}

.feature-icon.lightning::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M11,4H13V16L18.5,12H20.5L12,22L4,12H6L11,16V4Z"/></svg>');
}

.feature-icon.chart::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M22,21H2V3H4V19H6V17H10V19H12V16H16V19H18V13H22V21Z"/></svg>');
}

.feature-icon.handshake::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M11,1.07C7.05,1.56 4,4.92 4,9H7L12,4L17,9H20C20,4.92 16.95,1.56 13,1.07V4A5,5 0 0,1 18,9A5,5 0 0,1 13,14V17.93C16.95,17.44 20,14.08 20,10H17L12,15L7,10H4C4,14.08 7.05,17.44 11,17.93V14A5,5 0 0,1 6,9A5,5 0 0,1 11,4V1.07Z"/></svg>');
}

.feature-icon.trophy::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M5,16L3,5H21L19,16H5M19,19A1,1 0 0,1 18,20H6A1,1 0 0,1 5,19V18H19V19Z"/></svg>');
}

.feature-icon.users::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M16 4C18.2 4 20 5.8 20 8S18.2 12 16 12 12 10.2 12 8 13.8 4 16 4M16 14C18.7 14 24 15.3 24 18V20H8V18C8 15.3 13.3 14 16 14M8.5 4C10.7 4 12.5 5.8 12.5 8S10.7 12 8.5 12 4.5 10.2 4.5 8 6.3 4 8.5 4M8.5 14C11.2 14 16.5 15.3 16.5 18V20H.5V18C.5 15.3 5.8 14 8.5 14Z"/></svg>');
}

.feature-icon.trending-up::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M16,6L18.29,8.29L13.41,13.17L9.41,9.17L2,16.59L3.41,18L9.41,12L13.41,16L19.71,9.71L22,12V6H16Z"/></svg>');
}

.feature-icon.dollar::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M11.8,10.9C10.5,10.9 9.7,10.3 9.4,9.3L8.1,9.7C8.6,11.5 9.9,12.3 11.8,12.4V13.5H12.9V12.4C15.1,12.2 16.1,10.9 16.1,9.7C16.1,8.4 15.2,7.6 13.7,7.1L12.9,6.9V4.6C13.8,4.7 14.2,5.3 14.3,6.1L15.6,5.7C15.3,4.3 14.4,3.4 12.9,3.2V2H11.8V3.2C9.9,3.4 8.9,4.6 8.9,6C8.9,7.2 9.6,8.1 11.4,8.6L12.9,9V11.5C11.9,11.4 11.4,10.8 11.3,9.9L10,10.3C10.2,11.6 11.2,12.6 12.9,12.8V14H14V12.8C16.1,12.6 17.1,11.4 17.1,9.8C17.1,8.2 15.9,7.2 13.7,6.6L12.9,6.4V4.4C14,4.5 14.6,5.1 14.7,6.1L16,5.7C15.6,4.1 14.4,3.2 12.9,3V2H11.8V3C9.7,3.2 8.5,4.6 8.5,6.2C8.5,7.7 9.5,8.7 11.8,9.3V10.9Z"/></svg>');
}

.feature-icon.balance::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z"/></svg>');
}

.feature-icon.building::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15,11V5.5L12,2.5L9,5.5V7H7V21H17V11H15M11,19H9V17H11V19M15,19H13V17H15V19M11,15H9V13H11V15M15,15H13V13H15V15M11,11H9V9H11V11M13,7H11V5H13V7Z"/></svg>');
}

.feature-icon.heart::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z"/></svg>');
}

.feature-icon.earth::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/></svg>');
}

.feature-icon.graduation::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z"/></svg>');
}

.feature-icon.settings::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.22,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.22,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.68 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"/></svg>');
}

.feature-item h3 {
    color: #2c3e50;
    margin-bottom: 1rem;
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 0.8rem 2rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 1rem;
    transition: all 0.3s ease;
    text-align: center;
}

.btn-primary {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #2980b9, #1f639a);
    transform: translateY(-2px);
}

.btn-secondary {
    background: #95a5a6;
    color: white;
}

.btn-secondary:hover {
    background: #7f8c8d;
}

.btn-outline {
    background: transparent;
    color: #3498db;
    border: 2px solid #3498db;
}

.btn-outline:hover {
    background: #3498db;
    color: white;
}

/* CTA Section */
.cta-section {
    background: linear-gradient(135deg, rgba(44, 62, 80, 0.9), rgba(52, 73, 94, 0.9)),
        url('img/photo-1521737711867-e3b97375f902.jpeg') center/cover;
    color: white;
    text-align: center;
    padding: 4rem 0;
    position: relative;
}

.cta-section h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.cta-section p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

/* Stats Section */
.stats-section {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)),
        url('img/photo-1504384308090-c894fdcc538d.jpeg') center/cover;
    padding: 4rem 0;
    position: relative;
}

.stat-item {
    padding: 2rem;
}

.stat-number {
    font-size: 3rem;
    font-weight: bold;
    color: #3498db;
    display: block;
}

.stat-label {
    font-size: 1.1rem;
    color: #7f8c8d;
    margin-top: 0.5rem;
}

/* Footer */
.footer {
    background: #2c3e50;
    color: white;
    padding: 2rem 0 1rem;
}

.footer-content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.footer-brand-section {
    max-width: 280px;
}

.footer-brand-section p {
    margin-bottom: 1rem;
    font-size: 0.95rem;
    opacity: 0.9;
}

.footer-section h3,
.footer-section h4 {
    margin-bottom: 1rem;
    color: #ecf0f1;
    font-size: 1.1rem;
}

.footer-links {
    list-style: none;
}

.footer-links li {
    margin-bottom: 0.4rem;
}

.footer-links a {
    color: #bdc3c7;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 0.9rem;
}

.footer-links a:hover {
    color: #3498db;
}

/* Newsletter Form */
.footer-newsletter p {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    opacity: 0.9;
}

.newsletter-form {
    margin-top: 0.5rem;
}

.input-group {
    display: flex;
    margin-bottom: 0.8rem;
}

.input-group input {
    flex: 1;
    padding: 0.6rem;
    border: none;
    border-radius: 4px 0 0 4px;
    font-size: 0.9rem;
}

.input-group button {
    padding: 0.6rem 1rem;
    border-radius: 0 4px 4px 0;
    font-size: 0.9rem;
}

.checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #bdc3c7;
    line-height: 1.3;
}

.checkbox-label input {
    margin: 0;
    margin-top: 2px;
}

.checkbox-label a {
    color: #3498db;
}

/* Footer Bottom */
.footer-bottom {
    border-top: 1px solid #34495e;
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-legal {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.footer-legal p {
    font-size: 0.9rem;
    margin: 0;
}

.legal-links {
    display: flex;
    gap: 1.5rem;
}

.legal-links a {
    color: #bdc3c7;
    text-decoration: none;
    font-size: 0.85rem;
}

.legal-links a:hover {
    color: #3498db;
}

.footer-contact a {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
}

/* Cookie Banner */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-top: 1px solid #ddd;
    padding: 1.5rem 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1002;
    display: none;
}

.cookie-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.cookie-text h3 {
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

.cookie-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.cookie-details {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
}

.cookie-category {
    margin-bottom: 1.5rem;
}

.cookie-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.cookie-actions {
    text-align: center;
    margin-top: 1rem;
}

/* Forms */
.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #2c3e50;
}

.form-group input,
.form-group textarea,
.form-group select {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    outline: none;
    border-color: #3498db;
}

.form-group textarea {
    resize: vertical;
    min-height: 120px;
}

/* Breadcrumb */
.breadcrumb {
    background: #ecf0f1;
    padding: 1rem 0;
}

.breadcrumb-list {
    display: flex;
    list-style: none;
    gap: 0.5rem;
}

.breadcrumb-item {
    color: #7f8c8d;
}

.breadcrumb-item a {
    color: #3498db;
    text-decoration: none;
}

.breadcrumb-item:not(:last-child)::after {
    content: " / ";
    margin-left: 0.5rem;
}

/* Testimonials */
.testimonial-card {
    background: white;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    position: relative;
}

.testimonial-card::before {
    content: '"';
    font-size: 4rem;
    color: #3498db;
    position: absolute;
    top: -10px;
    left: 20px;
    font-family: serif;
}

.testimonial-text {
    font-style: italic;
    margin-bottom: 1.5rem;
    padding-top: 1rem;
    color: #2c3e50;
    line-height: 1.6;
}

.testimonial-author {
    font-weight: bold;
    color: #3498db;
}

.testimonial-company {
    color: #7f8c8d;
    font-size: 0.9rem;
}

/* FAQ */
.faq-item {
    background: white;
    margin-bottom: 1rem;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.faq-question {
    padding: 1rem;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    position: relative;
    transition: background-color 0.3s ease;
}

.faq-question:hover {
    background-color: #f8f9fa;
}

.faq-question::after {
    content: '+';
    position: absolute;
    right: 1rem;
    font-size: 1.2rem;
    color: #3498db;
}

.faq-question.active::after {
    content: '-';
}

.faq-answer {
    padding: 0 1rem 1rem;
    color: #7f8c8d;
    display: none;
}

/* Error Page */
.error-page {
    text-align: center;
    padding: 4rem 0;
}

.error-code {
    font-size: 8rem;
    font-weight: bold;
    color: #3498db;
    margin-bottom: 1rem;
}

.error-message {
    font-size: 1.5rem;
    color: #2c3e50;
    margin-bottom: 2rem;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .nav-menu {
        position: fixed;
        left: -100%;
        top: 70px;
        flex-direction: column;
        background-color: white;
        width: 100%;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
    }

    .nav-menu.active {
        left: 0;
    }

    .nav-menu .nav-list {
        flex-direction: column;
        gap: 0;
        padding: 2rem 0;
    }

    .nav-menu .nav-link {
        color: #333;
        padding: 1rem;
        display: block;
    }

    .nav-toggle {
        display: flex;
    }

    .dropdown-menu {
        position: static;
        display: none;
        box-shadow: none;
        background: #f8f9fa;
        width: 100%;
    }

    .hero h1 {
        font-size: 2rem;
    }

    .hero p {
        font-size: 1rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .services-grid,
    .features-grid,
    .testimonial-grid {
        grid-template-columns: 1fr;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mission-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        text-align: center;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        text-align: center;
    }

    .footer-brand-section {
        max-width: 100%;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .footer-legal {
        flex-direction: column;
        gap: 1rem;
    }

    .legal-links {
        justify-content: center;
        flex-wrap: wrap;
    }

    .cookie-content {
        flex-direction: column;
        text-align: center;
    }

    .cookie-buttons {
        justify-content: center;
    }

    .input-group {
        flex-direction: column;
    }

    .input-group button {
        border-radius: 5px;
        margin-top: 0.5rem;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }

    .hero {
        padding: 2rem 0;
    }

    .section {
        padding: 2rem 0;
    }

    .service-card,
    .feature-item,
    .testimonial-card {
        padding: 1.5rem;
    }

    .stats-grid {
        grid-template-columns: 1fr;
    }

    .stat-number {
        font-size: 2rem;
    }

    .error-code {
        font-size: 4rem;
    }
}