.hp-page{color:#111;background:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif}.hp-nav{justify-content:flex-end;align-items:center;gap:4px;padding:14px 24px;display:flex}.hp-nav-link{color:#9ca3af;border-radius:6px;padding:5px 10px;font-size:.78rem;text-decoration:none;transition:all .12s}.hp-nav-link:hover{color:#111;background:#f3f4f6}.hp-nav-sep{color:#e5e7eb;font-size:.8rem}.hp-main{max-width:960px;margin:0 auto;padding:32px 24px 80px}.hp-hero{align-items:center;gap:18px;margin-bottom:18px;display:flex}.hp-avatar{object-fit:cover;object-position:center top;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;width:72px;height:72px}.hp-name{letter-spacing:-.025em;margin:0 0 3px;font-size:1.35rem;font-weight:700}.hp-tagline{color:#6b7280;margin:0;font-size:.88rem;font-style:italic;line-height:1.45}.hp-bio{color:#374151;margin:0 0 22px;font-size:.9rem;line-height:1.75}.hp-socials{flex-wrap:wrap;gap:8px;margin-bottom:44px;display:flex}.hp-social-btn{color:#374151;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:6px;padding:7px 13px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex}.hp-social-btn:hover{color:#111;border-color:#9ca3af}.hp-social-icon{flex-shrink:0;width:14px;height:14px}.hp-icon-x{color:#000}.hp-icon-li{color:#0077b5}.hp-icon-email{color:#ea4335}.hp-content-grid{grid-template-columns:1fr 240px;align-items:start;gap:44px;display:grid}.hp-sidebar-cards{flex-direction:column;gap:14px;display:flex}.hp-section{margin-bottom:44px}.hp-section-label{letter-spacing:.13em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:.68rem;font-weight:700;display:flex}.hp-section-count{letter-spacing:0;text-transform:none;color:#d1d5db;font-size:.7rem;font-style:normal;font-weight:400}.hp-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hp-card{color:inherit;background:#fff;border:1.5px solid #f0f0f0;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.hp-card:hover{border-color:#e5e7eb;box-shadow:0 3px 14px #00000012}.hp-card-thumb{aspect-ratio:16/9;object-fit:contain;object-position:center;background:#f8f8f8;border-bottom:1px solid #f0f0f0;width:100%;display:block}.hp-card-thumb-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;width:100%;display:flex}.hp-card-thumb-icon{opacity:.5;font-size:2.2rem}.hp-card-body{flex-direction:column;flex:1;gap:7px;padding:14px;display:flex}.hp-card-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hp-card-icon-lg{flex-shrink:0;font-size:1.2rem}.hp-card-name{color:#111;letter-spacing:-.01em;flex:1;font-size:.88rem;font-weight:700}.hp-card-badges{flex-shrink:0;align-items:center;gap:5px;display:flex}.hp-item-badge{color:#92400e;letter-spacing:.03em;white-space:nowrap;background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:700}.hp-live-badge{color:#10b981;white-space:nowrap;background:#d1fae5;border-radius:10px;align-items:center;gap:4px;padding:2px 7px;font-size:.65rem;font-weight:700;display:inline-flex}.hp-live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.hp-card-desc{color:#6b7280;flex:1;margin:0;font-size:.78rem;line-height:1.55}.hp-card-foot{margin-top:auto;padding-top:4px}.hp-card-link{color:#9ca3af;font-size:.73rem;font-style:italic;text-decoration:none;transition:color .12s}.hp-card:hover .hp-card-link{color:#374151}.hp-card-nolink{color:#d1d5db;font-size:.72rem;font-style:italic}.hp-service-card{background:#fafafa;border-color:#e5e7eb}.hp-service-card:hover{background:#fff;border-color:#111}.hp-service-card .hp-card-link{color:#374151;font-style:normal;font-weight:600}.hp-service-card:hover .hp-card-link{color:#111}.hp-footer{color:#d1d5db;text-align:center;padding-top:12px;font-size:.75rem}@media (max-width:700px){.hp-main{padding:24px 16px 60px}.hp-nav{padding:12px 16px}.hp-grid,.hp-content-grid{grid-template-columns:1fr}.hp-sidebar{order:-1}}