:root{--navy:#1e2761;--navy2:#2a3576;--ink:#1c2333;--muted:#6b7280;--red:#c0392b;--amber:#f39c12;--green:#1e7d32;--green2:#2e7d32;--purple:#8e44ad;--blue:#3757b8;--lblue:#cadcfc;--bg:#eef1f8;--card:#fff;--line:#e2e6f0;--shadow:0 1px 3px #141e4614, 0 1px 2px #141e460f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:var(--blue)}.wrap{max-width:1280px;margin:0 auto;padding:20px 20px 60px}.top{background:linear-gradient(120deg, var(--navy), #33408c);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.top h1{margin:0;font-size:17px;font-weight:600}.top .who{align-items:center;gap:10px;display:flex}.role-badge{background:var(--lblue);color:var(--navy);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;margin-top:16px;padding:18px 20px}.card h2{color:var(--navy);margin:0 0 8px;font-size:15px}.hint{color:var(--muted)}.signin-wrap,.center-page{background:linear-gradient(120deg, var(--navy), #33408c);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.center-page .card{text-align:center;max-width:420px}