*{box-sizing:border-box}body{margin:0;background:#eeeeed;color:#171717;font-family:Arial,Helvetica,sans-serif;min-height:100vh;padding:48px 20px 25px;line-height:1.5}main{max-width:470px;margin:auto;background:#fff;border-radius:20px;box-shadow:0 20px 80px #0000000f;overflow:hidden;border:1px solid #ddd}.brand{display:flex;align-items:center;gap:16px;padding:26px 30px;border-bottom:1px solid #e9e9e9;position:relative}.brand:before{content:'';position:absolute;top:0;left:30px;width:48px;height:4px;background:#c91422}.brand img{object-fit:contain}.brand div{font-size:18px;font-weight:900;letter-spacing:.4px;line-height:1.12}.brand div span{display:block;font-size:13px;font-weight:600;letter-spacing:4.3px;margin-top:6px}.profile{padding:30px 30px 0}.eyebrow{margin:0 0 12px;font-size:10px;font-weight:700;letter-spacing:2px;color:#a31620}h1{font-size:46px;line-height:1.05;letter-spacing:-2px;font-weight:750;margin:0 0 12px}h1 span{font-weight:400}p.role{color:#686868;font-size:12px;display:flex;align-items:center;gap:8px;margin:0 0 28px}.role i{height:3px;width:3px;border-radius:50%;background:#aaa}.save{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:9px;background:#bf1020;text-decoration:none;color:white;font-size:15px;font-weight:700;box-shadow:0 4px 12px #bf102014}.save>svg:last-child{margin-left:auto}.save:hover{background:#a50d1b}.save-note{text-align:center;font-size:11px;color:#6d6d6d;margin:9px 0 22px}.details>a{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #eee;color:inherit;text-decoration:none}.details>a:last-child{border:0}.details .icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:#f5f5f4;border-radius:50%;color:#555}.details a>span:nth-child(2){min-width:0;flex:1}.details small{display:block;font-size:9px;color:#777;letter-spacing:1.5px;margin-bottom:4px}.details strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.details a>svg{width:16px;flex-shrink:0;color:#888}.details>a:hover strong{color:#b91421}.actions{display:flex;gap:10px;margin-top:20px}.actions button,.copy{font:inherit;font-size:12px;font-weight:600;border:1px solid #dedede;background:white;border-radius:8px;padding:13px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;flex:1}.actions svg{width:17px;height:17px}.actions button:hover,.copy:hover{background:#f4f4f4}.status{font-size:11px;color:#666;margin:0;min-height:22px;padding-top:6px}.card-bottom{display:flex;justify-content:space-between;align-items:center;background:#171717;color:#d3d3d3;padding:19px 30px;font-size:10px;line-height:1.5;letter-spacing:.4px}.red-line{height:3px;width:36px;background:#df1425}footer{text-align:center;color:#777;font-size:10px;margin:24px auto 0;max-width:470px}footer>span{display:block;font-size:9px;margin-top:4px;color:#888}dialog{max-width:360px;width:calc(100% - 36px);border:1px solid #ddd;border-radius:18px;padding:32px 24px 24px;text-align:center;box-shadow:0 30px 80px #0003}dialog::backdrop{background:#1119;backdrop-filter:blur(4px)}dialog h2{font-size:24px;letter-spacing:-.5px;margin:0}dialog p{font-size:12px;color:#666}.qr{display:block;max-width:100%;height:auto;margin:10px auto}.close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;background:#f3f3f3;border-radius:50%;font-size:24px;cursor:pointer}.copy{width:100%;margin-top:20px}button:focus-visible,a:focus-visible{outline:3px solid #1869c7;outline-offset:4px}.intro{color:#686868;font-size:14px;margin:20px 0}.people{margin-bottom:32px}.people a{display:flex;justify-content:space-between;align-items:center;color:#171717;text-decoration:none;border-top:1px solid #eee;padding:22px 0}.people strong{display:block;font-size:20px;letter-spacing:-.5px}.people small{color:#777;font-size:12px}.people a:hover{color:#bc1020}@media(max-width:520px){body{padding:16px 12px 22px}.brand{padding:24px}.profile{padding:28px 24px 0}.card-bottom{padding:19px 24px}h1{font-size:42px}.details strong{font-size:12px}.details>a{gap:10px}.details a>svg{width:14px}.details .icon{width:34px;height:34px}.brand div{font-size:17px}.brand div span{font-size:12px}}@media(max-width:350px){.profile{padding-left:18px;padding-right:18px}.brand{padding-left:18px}.details strong{font-size:11px}h1{font-size:38px}.actions button{font-size:11px}}
