:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0d1012;color:#eee}*{box-sizing:border-box}body{margin:0;padding:24px}.shell{max-width:530px;margin:6vh auto;padding:32px;background:#171b1e;border:1px solid #303638;border-radius:20px}.wide{max-width:780px}h1{font:34px Georgia,serif}h1 span,.eyebrow{color:#d6b776}.eyebrow{font-size:11px;letter-spacing:2px}p{line-height:1.8;color:#bdc6ca}.logo{width:130px;height:130px;object-fit:contain;display:block;margin:0 auto 28px}button,.button{display:inline-block;min-height:46px;background:#d6b776;border:0;border-radius:10px;padding:12px 18px;color:#151515;text-decoration:none;font:inherit;cursor:pointer}.google{width:100%;background:#fff;color:#202124;font-weight:600}.hint{font-size:13px;color:#9ca5ab}.notice{color:#eed5a1}button:disabled{opacity:.45}a{color:#d6b776}label{display:block;margin:18px 0 8px}input{font:inherit;padding:12px;border:1px solid #394044;border-radius:8px;background:#101416;color:white;max-width:100%;margin-right:8px}li{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-wrap:anywhere}ul{padding:0}li button{background:#303638;color:#ffb6ae}li form{flex-shrink:0}@media(max-width:600px){.shell{padding:22px;margin:20px auto}h1{font-size:28px}input{width:100%;margin-bottom:12px}li{flex-wrap:wrap}}