body {font-family: 'Inter', system-ui, -apple-system, sans-serif;min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 20px;overflow: hidden} .popup-overlay {position: fixed;inset: 0;display: flex;align-items: center;justify-content: center;animation: fadeIn 0.4s ease-out;background-color: rgba(8, 11, 20, .65);backdrop-filter: blur(2px)} .popup-container {background-color: #ffffff;border: 1px solid #646464;color: #000000;border-radius: 20px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);padding: 24px;max-width: 420px;width: 100%;text-align: center} .popup-header {margin-bottom: 32px} .popup-title {font-size: 2rem;font-weight: 700;color: #000000;margin-bottom: 8px;letter-spacing: -0.02em;font-size: 1.9rem} .popup-subtitle {color: #000000;font-size: 0.80rem;font-weight: 400} .gender-grid {display: grid;gap: 16px;margin-bottom: 24px} .gender-option {display: flex;align-items: center;gap: 16px;padding: 20px;background-color: white;border: 2px solid transparent;border-radius: 16px;text-decoration: none;color: #1e293b;cursor: pointer;position: relative;overflow: hidden} .gender-option::before {position: absolute;top: 0;left: -100%;width: 100%;height: 100%} .gender-icon {width: 48px;height: 48px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 24px;flex-shrink: 0} .gender-label {font-size: 1.1rem;font-weight: 600;flex: 1;text-align: left} .gender-arrow {width: 20px;height: 20px;opacity: 0.5;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)} .gender-option:hover .gender-arrow {opacity: 1;transform: translateX(4px)} .male {border-color: #a2bae0} .male:hover {border-color: #3b82f6} .male .gender-icon {background-color: rgba(59, 130, 246, 0.1);color: #3b82f6} .female {border-color: rgba(236, 72, 153, 0.2)} .female:hover {border-color: #ec4899} .female .gender-icon {background-color: rgba(236, 72, 153, 0.1);color: #ec4899} .popup__footer {font-size: 0.875rem;line-height: 1.5;color: #ffffff} @media (max-width: 480px) {.popup-container {padding: 30px 20px;margin: 20px} .popup-title {font-size: 1.75rem} .gender-option {padding: 16px} .gender-icon {width: 40px;height: 40px;font-size: 20px} .gender-label {font-size: 1rem} } .cookie-extra {display: grid;gap: 6px;font-size: .85rem;color: #000000;padding: 20px 12px;border-radius: 12px;background-color: #fbfbfb;border: 1px solid #e9e9e9;margin-top: 20px} .cookie-links {display: flex;gap: 12px;justify-content: center;flex-wrap: wrap} .cookie-links a {color: inherit;text-decoration: underline;text-underline-offset: 3px;opacity: .9;font-size: 0.85em} .collapsible {background-color: #ebebeb;border-radius: 12px;overflow: hidden;max-height: 0;padding: 0 14px;transition: max-height .25s ease, padding-top .25s ease, padding-bottom .25s ease} .collapsible.is-open {max-height: 60px;padding-top: 10px;padding-bottom: 10px;overflow: auto;font-size: 0.65rem} .collapsible p {margin: 10px 0;line-height: 1.5} .cookie-disclaimer {text-align: center;font-size: .52rem;opacity: .95} .modal__footer {font-size: .84rem;text-align: center;margin: 25px 0;color: #ffffff} a {color: #000000} @media (max-width: 660px) {body {background-image: url("https://eevolua.com.br/producer-screenshots/d53f5e1f-49e2-45e9-834f-2b9e7d231dbe/2025/09/2f5bb6f7-d481-4a39-aac5-03fbbded4e9d-mobile.png");background-size: cover;background-position: center;background-repeat: no-repeat} } @media (min-width: 661px) and (max-width: 1024px) {body {background-image: url("https://eevolua.com.br/producer-screenshots/d53f5e1f-49e2-45e9-834f-2b9e7d231dbe/2025/09/a37c019c-7ea4-4096-9e3d-626635c6d9db-tablet.png");background-size: cover;background-position: center;background-repeat: no-repeat} } @media (min-width: 1025px) and (max-width: 1440px) {body {background-image: url("https://eevolua.com.br/producer-screenshots/d53f5e1f-49e2-45e9-834f-2b9e7d231dbe/2025/09/84d04bc0-a93f-43ff-bd52-2cd2a663d49b-desktop.png");background-size: cover;background-position: center;background-repeat: no-repeat} } @media (min-width: 1441px) {body {background-image: url("https://eevolua.com.br/producer-screenshots/d53f5e1f-49e2-45e9-834f-2b9e7d231dbe/2025/09/46cd2df5-57ba-4d75-b15b-dd135c2d2c42-ultra.png");background-size: cover;background-position: center;background-repeat: no-repeat} }