.sc-wrapper { 

    max-width: 800px; 
    margin: 0 auto; 
    font-family: sans-serif; 
    color: #1e293b; 
}

.sc-header { 

    display: flex; 
    gap: 20px; 
    background: #f8fafc; 
    padding: 20px; 
    border-radius: 12px; 
    border: 1px solid #e2e8f0; 
    margin-bottom: 30px; 
}

.sc-contact { 

    display: flex; 
    flex-direction: column; 
}

.sc-label { 

    font-size: 13px; 
    color: #64748b; 
    margin-bottom: 4px; 
}

.sc-link { 

    color: #0f172a; 
    font-weight: 600; 
    text-decoration: none; 
}

.sc-card { 

    background: #fff; 
    border: 1px solid #e2e8f0; 
    border-radius: 16px; 
    padding: 28px; 
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); 
}

.sc-tag { 

    background: #f1f5f9; 
    padding: 4px 12px; 
    border-radius: 20px; 
    font-size: 12px; 
    font-weight: 600; 
    color: #475569; 
    display: inline-block; 
    margin-bottom: 12px; 
}

.sc-title { 

    font-size: 24px; 
    font-weight: 700; 
    margin: 0 0 20px 0; 
}

.sc-row { 

    display: flex; 
    justify-content: space-between; 
    padding: 12px 0; 
    border-bottom: 1px solid #f1f5f9; 
}

.sc-row:last-child { 

    border-bottom: none; 
}

.sc-key { 

    color: #64748b; 
    font-weight: 500; 
}

.sc-val { 

    font-family: monospace; 
    font-size: 15px; 
    cursor: pointer; 
    transition: color 0.2s; 
    text-align: right;
}

.sc-val:hover { 

    color: #3b82f6; 
}

.sc-actions { 

    display: flex; 
    gap: 12px; 
    margin-top: 24px; 
}

.sc-btn { 

    padding: 10px 20px; 
    border-radius: 8px; 
    font-weight: 600; 
    cursor: pointer; 
    text-decoration: none; 
    font-size: 14px; 
    border: none; 
    text-align: center; 
    transition: all 0.2s; 
}

.sc-btn-primary { 

    background: #0f172a; 
    color: #fff; 
}

.sc-btn-primary:hover { 

    background: #1e293b; 
    color: #fff; 
}

.sc-btn-copy { 

    background: #f1f5f9; 
    color: #0f172a; 
}

.sc-btn-copy:hover { 

    background: #e2e8f0; 
}

@media(max-width: 600px) {

  .sc-header { flex-direction: column; gap: 12px; }
  .sc-row { flex-direction: column; gap: 4px; }
  .sc-val { text-align: left; }
  .sc-actions { flex-direction: column; }
}

.site-content {

    width: 100%;
}