*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:#f8f6f1;color:#2c2a27;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.shell{display:grid;min-height:100vh;place-items:center;padding:32px}.panel{width:min(100%,680px);border:1px solid #ddd4c7;background:#fffaf2;padding:48px}.eyebrow{margin:0 0 18px;color:#7a604c;font-size:13px;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:36px;font-weight:500;line-height:1.2}.intro{margin:22px 0 32px;max-width:560px;color:#5f574f;font-size:15px;line-height:1.9}.button{display:inline-flex;align-items:center;border:1px solid #2c2a27;color:#2c2a27;padding:12px 22px;font-size:14px;text-decoration:none}.button:hover{background:#2c2a27;color:#fffaf2}@media (max-width:620px){.shell{padding:20px}.panel{padding:32px 24px}h1{font-size:30px}}