:root{--ink:#17365d;--accent:#087fe8;--bg:#f5f9fd;--line:#dce7f2;--ok:#16794a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,sans-serif;color:var(--ink)}
.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,620px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 16px 40px rgba(23,54,93,.12)}
.brand{font-size:34px;font-weight:800;color:var(--accent);letter-spacing:-1px}h1{margin:12px 0 10px}.notice{margin-top:20px;padding:14px 16px;border-radius:14px;background:#edf6ff;border:1px solid #cfe5fb}