:root{--navy:#0e223d;--paper:#f4f2ee;--accent:#c5a46d;--ink:#15202b;--muted:#68727c}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#071425,#173b64);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);padding:32px 16px}
.card{width:min(560px,100%);margin:auto;background:white;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.head{background:#071425;color:white;padding:34px 30px 26px}
.brand{font-weight:900;letter-spacing:.08em;font-size:24px}.brand small{font-size:9px;letter-spacing:.24em;opacity:.65;margin-left:8px}
.avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#c5a46d;color:#15110a;font-size:30px;font-weight:900;margin:26px 0 16px}
h1{font-size:29px;line-height:1.05;margin:0 0 8px} .role{color:rgba(255,255,255,.72);margin:0}
.body{padding:26px 30px 30px}.actions{display:grid;gap:10px}
.action{border:1px solid #dde2e6;border-radius:14px;padding:14px 15px;font-weight:750;display:flex;justify-content:space-between;gap:18px;text-decoration:none;color:inherit}
.action:hover{background:#f5f6f7}.primary{background:#c5a46d;border-color:#c5a46d}.primary:hover{background:#cfb17f}
.note{font-size:13px;color:var(--muted);margin:22px 0 0}.back{display:inline-block;margin-top:22px;color:#173b64;font-weight:800;text-decoration:none}

.personal-logo{display:block;max-width:230px;max-height:150px;object-fit:contain;margin:10px auto 18px}