:root {
    --primary: #16a34a;
    --primary-hover: #15803d;
    --secondary: #2b7a4b;
    --dark: #1a1a1a;
    --light-bg: #f4f6f8;
    --border: #e0e0e0;
    --font: 'Roboto', -apple-system, sans-serif;
}

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

body {
    font-family: var(--font);
    color: var(--dark);
    background-color: #f8f9fa;
    line-height: 1.5;
}

.container {
    max-width: 600px;
    margin: 0 auto;
    background: #ffffff;
    min-height: 100vh;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.btn-cta {
    display: block;
    width: 100%;
    background-color: var(--primary);
    color: #fff;
    text-align: center;
    padding: 16px;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.3);
    transition: transform 0.1s;
}

.btn-cta:active {
    transform: scale(0.98);
}