*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#121027,#302454);color:#fff;font-family:system-ui,Hiragino Kaku Gothic ProN,sans-serif}main{max-width:700px;margin:auto;padding:28px 18px 60px;text-align:center}h1{font-size:clamp(26px,7vw,42px);margin:10px 0}p{line-height:1.8}.hint{color:#d8ccef}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:25px}.sign{border:1px solid #b8a4eb;background:#ffffff12;border-radius:18px;padding:18px 4px;color:white;cursor:pointer;font:inherit;min-height:116px}.sign:focus-visible,.sign:hover{background:#ffffff30;outline:2px solid #d9c2ff}.symbol{display:block;font-size:38px;margin-bottom:8px}.result{margin-top:28px;border:1px solid #d4c1ff;background:#ffffff15;padding:25px;border-radius:20px}.back{background:#e4d3ff;border:0;border-radius:12px;padding:12px 24px;font-weight:700;cursor:pointer}.note{font-size:12px;color:#c6b9e5;margin-top:32px}@media(max-width:350px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.loginEntry{display:inline-block;margin:3px auto 17px;padding:10px 18px;background:#e8ddff;color:#3b1b76;border-radius:50px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 4px 14px #0002}.loginEntry:focus-visible,.loginEntry:hover{background:white;outline:2px solid #aa8ce7;outline-offset:2px}