/* Landing page styles — extracted from index.html to comply with CSP
   `style-src 'self'` (no inline <style>, no unsafe-inline). */

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

body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    background: #F6F4F0;
    color: #3D3428;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    text-align: center;
    padding: 40px 24px;
    -webkit-font-smoothing: antialiased;
}

.logo { width: 64px; height: auto; margin-bottom: 24px; opacity: 0.85; }

h1 { font-size: 28px; font-weight: 700; margin-bottom: 4px; }

.tagline { font-size: 15px; color: #7A6E60; margin-bottom: 32px; }

.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: rgba(74, 140, 82, 0.08);
    border: 1px solid rgba(74, 140, 82, 0.15);
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    color: #4A8C52;
}