*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at top left,#441321 0,transparent 55%),#11151d;color:#f5f6fa;font:16px/1.7 'Noto Sans Lao',sans-serif;display:grid;place-items:center;padding:32px 18px}main{width:100%;max-width:500px}.brand{display:inline-block;padding:12px 18px;background:#191c25;border:1px solid #363b47;border-radius:14px}.brand img{width:190px;height:88px;object-fit:contain}.eyebrow{letter-spacing:3px;color:#f47987;font-size:12px;font-weight:700;margin-top:30px}h1{font-size:34px;margin:8px 0}.intro{color:#bfc7d5;margin:0 0 24px}nav{display:grid;gap:14px}.role{color:inherit;text-decoration:none;display:grid;grid-template-columns:1fr auto;min-height:94px;padding:20px 22px;background:#1c222e;border:1px solid #343e50;border-radius:14px;transition:background .15s,border-color .15s}.role strong{font-size:21px}.role span{grid-column:1;color:#bfc7d5;font-size:14px}.role b{grid-column:2;grid-row:1/3;align-self:center;color:#ff7687;font-size:27px}.role:hover{background:#292331;border-color:#e13b50}a:focus-visible{outline:3px solid #8dc5ff;outline-offset:4px}.help{font-size:14px;color:#bfc7d5;margin:24px 0}footer{border-top:1px solid #343e50;padding-top:18px;letter-spacing:2px;font-size:10px;color:#8e9aac}@media(prefers-reduced-motion:reduce){.role{transition:none}}