:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}.container{background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;display:grid;place-content:center;min-height:100dvh}.card{text-align:center;max-width:500px;min-width:300px;width:90%;margin:0 auto;padding:1.25rem;border:3px solid #ffa726;border-radius:8px;background-color:#fff9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#000}.card-phrase{font-size:clamp(1em,20dvw,2em)}.card-btn{background-color:#fffc;color:#333;padding:.6em 1.2em;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 4px,10px,#0003;transition:all .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-btn:hover{background-color:#ffcc80;color:#000;transform:scale(1.05)}.card-btn:active{transform:scale(.98)}