:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#183e38;background:#f5f5ef;font-synthesis:none;line-height:1.5}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px}
main{width:min(100%,520px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
a{min-height:64px;display:flex;align-items:center;justify-content:center;padding:18px 24px;border:1px solid #183e38;border-radius:8px;color:#fffdf2;background:#183e38;text-decoration:none;font-size:18px;font-weight:600}
a:hover{background:#2b574a;border-color:#2b574a}
a.back{background:#fffdf7;border-color:#c8d3c4;color:#183e38}
a.back:hover{background:#e7eee0;border-color:#a9bba2}
a:focus-visible{outline:3px solid #8a9c77;outline-offset:4px}
@media(max-width:480px){main{max-width:320px;grid-template-columns:1fr}}