@font-face{font-family:PreviewHand;src:url('/static/fonts/Kalam-Regular.ttf') format('truetype');font-display:swap}
.correction-preview{margin:0 0 24px;padding:20px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#172b4d;box-shadow:0 8px 24px #0316380a;text-align:left;max-width:560px}
.correction-preview figcaption{font-size:12px;color:#526079;margin-bottom:12px}
.preview-question{font-size:15px;line-height:1.5}
.preview-answer{font-family:PreviewHand,cursive;font-size:23px;line-height:1.6;margin:12px 0;padding:8px 14px;background:repeating-linear-gradient(#fff,#fff 35px,#e5edf5 36px)}
.preview-feedback{border-left:3px solid #ad3434;padding:4px 0 4px 12px;color:#8d2929;font-size:15px;line-height:1.5}
.preview-feedback p{margin:6px 0 0}.preview-control{font-size:13px;line-height:1.5;margin:14px 0 0;color:#526079}
@media(max-width:600px){.correction-preview{padding:16px}.preview-answer{font-size:21px}}
.signup-cta{margin:24px 0;text-align:left}
.signup-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:60px;padding:16px 28px;background:#ffd34d;color:#102344;border:2px solid #102344;border-radius:12px;font-size:20px;font-weight:800;text-decoration:none;box-shadow:0 5px 0 #102344;line-height:1.3}
.signup-cta-button:hover{background:#ffe184;transform:translateY(-1px)}
.signup-cta-button:focus-visible{outline:3px solid #245bcc;outline-offset:5px}
.signup-cta p{font-size:14px;line-height:1.5;margin:14px 0 0;color:#526079}
@media(max-width:600px){.signup-cta-button{width:100%;box-sizing:border-box}}