body { margin: 0; font-family: 'Fredoka', system-ui, sans-serif; color: #4a2a52; background: linear-gradient(160deg, #ffd6ec, #d7e6ff); min-height: 100vh; }
main { max-width: 560px; margin: 0 auto; padding: 32px 16px; }
.logo { display: inline-block; } .logo img { width: 200px; height: auto; display: block; }
.card { background: #fff; border-radius: 22px; padding: 20px; margin: 18px 0; box-shadow: 0 8px 24px rgba(80,30,90,.1); }
h1 { font-size: 24px; margin: 0 0 8px; } p, li { line-height: 1.5; }
button { font: 700 16px 'Fredoka', system-ui, sans-serif; background: #ff5f6d; color: #fff; border: 0; border-radius: 99px; padding: 12px 22px; cursor: pointer; }
button[disabled] { opacity: .5; }
.ok { color: #1a9b6c; font-weight: 600; }
footer { text-align: center; font-size: 13px; color: #8a6b92; padding: 16px; } footer img { width: 104px; opacity: .55; display: block; margin: 0 auto 6px; }
h2 { font-size: 17px; margin: 18px 0 4px; }
.fine { text-align: center; font-size: 14px; color: #6b4a73; } .fine a { color: inherit; }