*{box-sizing:border-box}
    body{background:#0c0a08;font-family:'DM Sans',sans-serif;margin:0;min-height:100vh;color:#ede0cc;padding-bottom:60px}
    a{color:#e07b35;text-decoration:none}
    button{cursor:pointer;font-family:inherit}
    ::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}
    ::-webkit-scrollbar-thumb{background:#3d3028;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e07b35}
    button,a{transition:all .18s cubic-bezier(.4,0,.2,1)}

    /* ── TOPBAR ── */
    .topbar{position:sticky;top:0;z-index:100;height:58px;padding:0 24px;background:rgba(12,10,8,.92);
      border-bottom:1px solid #2a221c;display:flex;align-items:center;gap:12px;backdrop-filter:blur(20px)}
    .logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1.2rem;color:#ede0cc}
    .logo span{color:#e07b35}
    .btn{padding:8px 16px;border-radius:2px;font-weight:600;font-size:.8rem;display:inline-flex;align-items:center;gap:7px;border:none;font-family:'DM Sans',sans-serif}
    .btn-primary{background:#e07b35;color:#0c0a08}
    .btn-primary:hover{background:#c96a20;transform:translateY(-1px)}
    .btn-outline{background:transparent;color:#9a8878;border:1px solid #2a221c}
    .btn-outline:hover{background:#1a1612;color:#ede0cc}
    .btn-sm{padding:6px 12px;font-size:.74rem;border-radius:2px}

    .container{max-width:1140px;margin:0 auto;padding:0 20px}
    .layout{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-top:28px}
    @media(max-width:900px){.layout{grid-template-columns:1fr}}

    /* ── LEFT CARD ── */
    .identity-card{background:#141210;border:1px solid #2a221c;border-radius:2px;
      overflow:hidden;position:sticky;top:74px}
    @media(max-width:900px){.identity-card{position:static}}
    .id-top{padding:24px 20px 16px;text-align:center}
    .id-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;
      border:2.5px solid #e07b35;box-shadow:0 0 28px rgba(224,123,53,.25);margin:0 auto 14px}
    .id-name{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:4px}
    .id-title{color:#e07b35;font-size:.82rem;font-weight:600;margin-bottom:6px}
    .id-location{font-size:.76rem;color:#9a8878;display:flex;align-items:center;justify-content:center;gap:4px}
    .id-bio{color:#9a8878;font-size:.78rem;line-height:1.65;padding:10px 16px 16px;
      border-top:1px solid #1a1612;margin-top:10px}
    .id-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a221c}
    .id-stat{text-align:center;padding:12px 4px}
    .id-stat+.id-stat{border-left:1px solid #2a221c}
    .id-stat-num{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:#e07b35}
    .id-stat-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.6px;color:#3d3028;margin-top:2px}
    .id-links{padding:12px 20px 16px;border-top:1px solid #2a221c;display:flex;flex-direction:column;gap:2px}
    .id-link{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:2px;font-size:.8rem;color:#9a8878}
    .id-link:hover{background:#1a1612;color:#ede0cc}
    .id-link svg{color:#e07b35;flex-shrink:0}
    .integrity-banner{padding:10px 20px;background:rgba(62,207,110,.06);border-top:1px solid rgba(62,207,110,.12);
      text-align:center;font-size:.7rem;color:#3ecf6e;display:flex;align-items:center;justify-content:center;gap:6px}

    /* ── SECTION CARD ── */
    .section-card{background:#141210;border:1px solid #2a221c;border-radius:2px;
      padding:22px;margin-bottom:16px}
    .section-card:hover{border-color:rgba(224,123,53,.12)}
    .section-header{display:flex;justify-content:space-between;align-items:center;
      margin-bottom:18px;flex-wrap:wrap;gap:10px}
    .section-title{font-family:'Syne',sans-serif;font-size:.9rem;font-weight:700;
      display:flex;align-items:center;gap:8px;color:#ede0cc}
    .section-count{font-size:.72rem;color:#3d3028;background:#1a1612;
      border:1px solid #2a221c;border-radius:2px;padding:3px 10px}

    /* ── STATS HERO ── */
    .stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:14px}
    .stat-card{background:#1a1612;border:1px solid #2a221c;border-radius:2px;padding:14px;text-align:center}
    .stat-card-num{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800}
    .stat-card-lbl{font-size:.62rem;text-transform:uppercase;letter-spacing:.5px;color:#3d3028;margin-top:4px}

    /* ── SKILLS ── */
    .skills-list{display:flex;flex-direction:column;gap:9px}
    .skill-row{display:flex;align-items:center;gap:10px}
    .skill-name{font-size:.82rem;font-weight:600;min-width:110px;font-family:'DM Sans',sans-serif}
    .skill-bar{flex:1;height:5px;background:#0c0a08;border-radius:3px;overflow:hidden}
    .skill-fill{height:100%;border-radius:3px;transition:width 1.2s ease}
    .skill-lvl{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:2px;white-space:nowrap;font-family:'Syne',sans-serif}
    .skill-xp{font-size:.66rem;color:#3d3028;font-family:'JetBrains Mono',monospace;min-width:52px;text-align:right}

    /* ── PROOF CARD ── */
    .proof-card{background:#1a1612;border:1px solid #2a221c;border-radius:2px;padding:18px;
      margin-bottom:12px;transition:border-color .2s}
    .proof-card:hover{border-color:rgba(224,123,53,.18)}
    .proof-card.featured{border-color:rgba(224,123,53,.3);background:linear-gradient(135deg,rgba(224,123,53,.05),#1a1612)}
    .proof-featured-chip{font-size:.62rem;color:#e07b35;background:rgba(224,123,53,.1);
      border:1px solid rgba(224,123,53,.2);border-radius:2px;padding:2px 8px;
      font-weight:700;font-family:'Syne',sans-serif;display:inline-block;margin-bottom:8px}
    .proof-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
    .proof-title{font-family:'Syne',sans-serif;font-size:.92rem;font-weight:700;color:#ede0cc}
    .proof-type{font-size:.68rem;color:#3d3028;margin-top:3px}
    .proof-score{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;text-align:right;flex-shrink:0}
    .proof-summary{font-size:.78rem;color:#9a8878;line-height:1.65;margin-bottom:10px}
    .proof-skills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
    .proof-skill{padding:2px 8px;background:rgba(224,123,53,.06);border:1px solid rgba(224,123,53,.12);
      border-radius:2px;font-size:.64rem;color:#9a8878;font-family:'JetBrains Mono',monospace}
    .proof-footer{display:flex;gap:12px;font-size:.68rem;color:#3d3028;flex-wrap:wrap;
      padding-top:10px;border-top:1px solid #0c0a08;align-items:center}
    .proof-footer span{display:flex;align-items:center;gap:4px}
    .verif-chip{padding:2px 8px;border-radius:2px;font-size:.64rem;font-weight:600}
    .verif-verified{background:rgba(62,207,110,.1);color:#3ecf6e;border:1px solid rgba(62,207,110,.2)}
    .verif-pending{background:rgba(61,48,40,.5);color:#3d3028;border:1px solid #2a221c}
    .verif-disputed{background:rgba(232,92,74,.1);color:#e85c4a;border:1px solid rgba(232,92,74,.2)}
    .hash-chip{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:#2a221c;
      background:#0c0a08;border-radius:4px;padding:1px 6px}

    /* Process log */
    .log-toggle{display:flex;align-items:center;justify-content:space-between;
      padding:10px 12px;background:#0c0a08;border-radius:2px;margin-top:10px;
      cursor:pointer;font-size:.74rem;color:#3d3028;border:1px solid #1a1612}
    .log-toggle:hover{border-color:#2a221c;color:#9a8878}
    .log-body{display:none;margin-top:8px}
    .log-entry{display:grid;grid-template-columns:52px 60px 1fr;gap:8px;padding:5px 10px;
      font-size:.66rem;font-family:'JetBrains Mono',monospace;background:#0c0a08;
      border-radius:2px;margin-bottom:3px}
    .log-t{color:#e07b35}
    .log-evt{color:#3d3028}
    .log-code{color:#e8c070;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

    /* ── ENDORSE BTN ── */
    .endorse-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;
      background:transparent;color:#9a8878;border:1px solid #2a221c;border-radius:2px;
      font-size:.76rem;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;margin-top:10px}
    .endorse-btn:hover{border-color:rgba(224,123,53,.35);color:#e07b35}
    .endorse-btn.endorsed{background:rgba(62,207,110,.08);color:#3ecf6e;border-color:rgba(62,207,110,.25);cursor:default}

    /* ── LOADING ── */
    .loading{text-align:center;padding:80px 20px;color:#9a8878}
    .spinner{width:32px;height:32px;border:3px solid #2a221c;border-top-color:#e07b35;
      border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 12px}
    @keyframes spin{to{transform:rotate(360deg)}}

    /* ── TOAST ── */
    .toast{position:fixed;bottom:24px;right:20px;background:#1a1612;border:1px solid rgba(224,123,53,.4);
      border-radius:2px;padding:12px 18px;font-size:.82rem;color:#ede0cc;font-family:'DM Sans',sans-serif;
      box-shadow:0 8px 32px rgba(0,0,0,.5);transform:translateY(80px);opacity:0;
      transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:9999;pointer-events:none}
    .toast.show{transform:translateY(0);opacity:1}