*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{--bg:#E2E9F2;--card:#fff;--accent:#1A3A6C;--text:#0C1929;--sub:#5A7084;--border:#D0DCE9;--icon-bg:#ECF1F8;--shadow:0 2px 4px rgba(26,58,108,.05),0 10px 28px rgba(26,58,108,.12);--r:15px;--font:'Plus Jakarta Sans',system-ui,sans-serif}
    body{font-family:var(--font);background:var(--bg);background-image:radial-gradient(circle,#BAC9DA 1px,transparent 1px);background-size:22px 22px;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 48px;color:var(--text)}
    .card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);width:100%;max-width:420px;overflow:hidden}
    .card-stripe{height:6px;background:var(--accent)}
    .card-body{padding:26px 24px 24px}
    .card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
    .avatar{width:66px;height:66px;border-radius:50%;background:var(--accent);color:#fff;font-size:21px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
    .avatar img{width:100%;height:100%;object-fit:cover}
    .card-name{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.1}
    .card-title{font-size:13px;color:var(--sub);margin-top:3px}
    .card-org{font-size:12px;font-weight:700;color:var(--accent);margin-top:2px}
    .div{height:1px;background:var(--border);margin:18px 0}
    .contacts{display:flex;flex-direction:column;gap:12px}
    .ci{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity .15s}
    a.ci:hover{opacity:.6}
    .ci-ico{width:36px;height:36px;border-radius:9px;background:var(--icon-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .ci-ico svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
    .ci-lbl{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--sub);margin-bottom:1px}
    .ci-val{font-size:14px;font-weight:500}
    .actions{display:flex;gap:8px;margin-top:20px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border-radius:10px;font-family:var(--font);font-size:13.5px;font-weight:700;cursor:pointer;border:none;transition:filter .15s,transform .12s}
    .btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
    .btn-primary{background:var(--accent);color:#fff;flex:1}
    .btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}
    .btn-icon{background:var(--icon-bg);color:var(--text);border:1.5px solid var(--border);padding:11px 14px}
    .btn-icon:hover{background:var(--border)}
    .btn-icon.on{background:var(--accent);color:#fff;border-color:var(--accent)}
    .qr-wrap{max-height:0;overflow:hidden;transition:max-height .35s ease}
    .qr-wrap.open{max-height:240px}
    .qr-inner{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:18px}
    #qr-box{background:#fff;border-radius:8px;border:1px solid var(--border);padding:8px;line-height:0}
    #qr-box img{border-radius:4px;display:block}
    .qr-hint{font-size:11px;color:var(--sub)}
    .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--text);color:#fff;padding:9px 18px;border-radius:100px;font-size:13px;font-weight:600;opacity:0;transition:opacity .2s,transform .2s;z-index:300;pointer-events:none;white-space:nowrap}
    .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
    .home{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px}
    .home-h{font-size:34px;font-weight:800;letter-spacing:-1.2px;text-align:center}
    .home-s{font-size:13px;color:var(--sub);margin-top:4px;text-align:center}
    .plist{width:100%;display:flex;flex-direction:column;gap:10px}
    .prow{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border-radius:12px;box-shadow:var(--shadow);text-decoration:none;color:inherit;border-left:5px solid var(--accent);transition:transform .15s}
    .prow:hover{transform:translateX(4px)}
    .mav{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
    .mav img{width:100%;height:100%;object-fit:cover}
    .pr-name{font-size:15px;font-weight:700}
    .pr-title{font-size:12px;color:var(--sub);margin-top:1px}
    .pr-arr{margin-left:auto;color:var(--sub);opacity:.4}
    .pr-arr svg{width:16px;height:16px;display:block;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
    .nf{text-align:center;max-width:300px}
    .nf-code{font-size:72px;font-weight:800;letter-spacing:-4px;color:var(--accent);opacity:.2;line-height:1}
    .nf-title{font-size:19px;font-weight:700;margin-top:6px}
    .nf-body{font-size:13px;color:var(--sub);margin-top:6px;line-height:1.5}
    .back{display:inline-flex;align-items:center;gap:5px;margin-top:20px;color:var(--accent);text-decoration:none;font-size:13px;font-weight:700}
    .back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
    .footer{margin-top:16px;font-size:11px;color:var(--sub);opacity:.5}
    @media(prefers-color-scheme:dark){:root{--bg:#09131F;--card:#101E2E;--text:#E6F0FF;--sub:#627A93;--border:#192B3E;--icon-bg:#0C1926;--shadow:0 2px 4px rgba(0,0,0,.5),0 10px 28px rgba(0,0,0,.55)}body{background-image:radial-gradient(circle,#172435 1px,transparent 1px)}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
    :focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}