@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
body { font-family: Manrope, ui-sans-serif, system-ui, sans-serif; }
.card { box-shadow: 0 18px 60px rgba(17,17,17,.07); }
.screen { animation: enter .35s ease-out both; }
@keyframes enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.option { border: 1px solid #e5e5e5; transition: border-color .2s, background .2s, transform .2s; }
.option:hover, .option:focus-visible { border-color: #f53d39; background: #fff7f7; transform: translateY(-1px); outline: none; }
.primary { background: linear-gradient(100deg,#f53d39,#ec1b65); box-shadow: 0 10px 25px rgba(236,27,101,.22); }
.primary:hover { filter: brightness(.97); transform: translateY(-1px); }