.sign-in-buttons{width:222px}.sign-in-buttons .btn{display:block;width:100%;height:40px;margin-bottom:1rem}.g_id_signin{margin-bottom:1rem}.btn-facebook{background-color:#385898;color:white}.btn-facebook:hover{background-color:#2d4373;color:white}.btn-apple{background-color:#000000;color:white}.btn-apple:hover{background-color:#333333;color:white}.benefit-card.highlight{background-color:#f7f7f7}.why-signup-page{max-width:800px;margin:0 auto;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6;color:#333;background-color:#927c58}.hero-section{text-align:center;padding:1rem 0;background:linear-gradient(315deg, #000 0%, #734829 100%);color:white;margin-bottom:3rem;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.hero-section img{width:100%;height:auto;margin-bottom:1rem}.hero-title{color:#fdd28e;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.hero-title h1{font-size:3rem}.hero-subtitle{font-size:1.25rem;opacity:0.9;max-width:600px;margin:0 auto}.signup-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#eedb9f}.signup-buttons{margin:0 auto}.signup-buttons .btn{height:40px;vertical-align:middle}.signup-buttons svg{margin-right:0.5rem;font-size:larger}.google-signin{margin-bottom:1.5rem;display:flex;justify-content:center}.social-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.social-buttons form{margin-bottom:1.5rem;display:flex;justify-content:center}.social-buttons .btn{padding:0.875rem 1.5rem;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;text-decoration:none;min-height:48px}.social-buttons .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn-facebook{background-color:#1877f2;color:white}.btn-facebook:hover{background-color:#166fe5;color:white}.btn-apple{background-color:#000000;color:white}.btn-apple:hover{background-color:#1d1d1f;color:white}.divider{text-align:center;margin:2rem 0;position:relative}.divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.divider-text{background:white;padding:0 1rem;color:#718096;font-size:0.875rem;font-weight:500}.email-signup{text-align:center}.email-text{color:#718096;margin-bottom:1rem;font-size:0.875rem}.btn-email-signup{background:linear-gradient(135deg, #8b4513 0%, sienna 100%);color:white;padding:0.875rem 2rem;text-decoration:none;font-weight:500;transition:all 0.2s ease;display:inline-block}.btn-email-signup:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,69,19,0.4);color:white}.benefits-section{padding:1rem}.benefits-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#eedb9f}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-bottom:3rem}.benefit-card{background:#fdd28e;padding:2rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease}.benefit-card:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.benefit-icon{width:64px;height:64px;background:linear-gradient(299deg, #482309 0%, #fab797 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;font-size:1.5rem}.benefit-heading{font-size:1.25rem;font-weight:bold;margin-bottom:1rem;color:#2d3748}.benefit-description{color:#664935;line-height:1.6;margin:0}.cta-section{background:linear-gradient(315deg, #000 0%, #734829 100%);color:white;padding:3rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-text{font-size:1.125rem;opacity:0.9;margin-bottom:2rem}.btn-large{padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;background:white;color:#8B4513;text-decoration:none;transition:all 0.2s ease;display:inline-block}.btn-large:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,0.3);color:#8B4513}@media (max-width: 768px){.why-signup-page{padding:0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.signup-section{padding:1.5rem}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}.cta-section{padding:2rem 1.5rem}.cta-title{font-size:2rem}}@media (max-width: 480px){.hero-title{font-size:1.75rem}.signup-title,.benefits-title,.cta-title{font-size:1.5rem}.social-buttons .btn{padding:0.75rem 1rem;font-size:0.875rem}}