*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif}
body{background:#f6ecdf;color:#5b3c20}
.page{min-height:100vh;padding:28px 14px;display:flex;justify-content:center;align-items:center;background:
linear-gradient(rgba(255,248,238,.32),rgba(255,248,238,.32)),url("background.png") center/cover fixed}
.card{width:min(520px,100%);padding:28px 22px 22px;text-align:center;border:1px solid #c79b4d;border-radius:30px;
background:rgba(255,250,244,.78);backdrop-filter:blur(7px);box-shadow:0 15px 45px rgba(91,60,32,.16)}
.logo{width:145px;height:145px;object-fit:contain;border-radius:18px;display:block;margin:0 auto 12px;background:#fff}
h1{margin:4px 0;color:#6b3c20;font-size:31px}
.subtitle{font-size:15px;letter-spacing:3px;color:#9b702f;font-weight:bold}
.ornament{margin:10px 0;color:#bd8a35}
.hint{font-size:13px;margin:0 0 18px;color:#79624a}
.links{display:grid;gap:12px}
.links a{position:relative;display:block;text-decoration:none;color:#5d401f;background:rgba(255,255,255,.82);
border:1px solid #cda45d;border-radius:17px;padding:13px 45px 12px;transition:.2s}
.links a:hover{transform:translateY(-2px);background:#fff}
.links span{display:block;font-size:18px;font-weight:bold;direction:ltr}
.links small{display:block;margin-top:3px;font-size:11px;color:#8a7256}
.links b{position:absolute;left:18px;top:17px;font-size:28px;line-height:20px;font-weight:normal}
.quote{margin:22px 0 8px;font-size:16px;font-weight:bold;color:#704a23}
footer{font-size:11px;color:#96754b}
@media(max-width:480px){.page{padding:15px 10px}.card{padding:22px 14px 18px}.logo{width:125px;height:125px}h1{font-size:27px}}