/* OctaHub — Unified Modern UI */
:root{
  --oh-bg:#07080d;
  --oh-surface:#0d1018;
  --oh-surface-2:#121621;
  --oh-border:rgba(255,255,255,.08);
  --oh-text:#f6f7fb;
  --oh-muted:#949baa;
  --oh-purple:#8b5cf6;
  --oh-purple-2:#a78bfa;
  --oh-blue:#4f7cff;
  --oh-radius:18px;
  --oh-shadow:0 18px 55px rgba(0,0,0,.32);
}
html{background:var(--oh-bg)}
body{
  background:
    radial-gradient(circle at 10% -10%,rgba(139,92,246,.12),transparent 32rem),
    radial-gradient(circle at 90% 0%,rgba(79,124,255,.08),transparent 30rem),
    var(--oh-bg)!important;
  color:var(--oh-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
.oh-header{
  position:sticky;top:0;z-index:1000;
  height:72px;
  display:flex;align-items:center;
  border-bottom:1px solid var(--oh-border);
  background:rgba(7,8,13,.78);
  backdrop-filter:blur(18px);
}
.oh-header-inner{
  width:min(1180px,calc(100% - 40px));margin:auto;
  display:flex;align-items:center;gap:28px;
}
.oh-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--oh-text)}
.oh-brand-mark{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--oh-purple),var(--oh-blue));
  box-shadow:0 10px 28px rgba(139,92,246,.25);
  font-weight:900;color:white;
}
.oh-brand-name{font-weight:800;letter-spacing:-.02em;font-size:18px}
.oh-nav{display:flex;align-items:center;gap:5px;flex:1}
.oh-nav a{
  color:var(--oh-muted);text-decoration:none;
  padding:10px 13px;border-radius:10px;font-size:14px;font-weight:600;
  transition:.18s ease;
}
.oh-nav a:hover,.oh-nav a.active{color:var(--oh-text);background:rgba(255,255,255,.055)}
.oh-account{display:flex;align-items:center;gap:10px}
.oh-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--oh-border)}
.oh-account-name{font-size:14px;font-weight:700}
.oh-footer{
  margin-top:80px;border-top:1px solid var(--oh-border);
  background:rgba(10,11,17,.8);
}
.oh-footer-inner{
  width:min(1180px,calc(100% - 40px));margin:auto;
  padding:38px 0 28px;
  display:flex;justify-content:space-between;gap:35px;
}
.oh-footer-brand{max-width:360px}
.oh-footer-title{font-weight:800;font-size:18px;margin-bottom:8px}
.oh-footer-copy{color:var(--oh-muted);font-size:13px;line-height:1.7}
.oh-footer-links{display:flex;gap:48px}
.oh-footer-col{display:flex;flex-direction:column;gap:9px}
.oh-footer-col strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#cbd0dc}
.oh-footer-col a{font-size:13px;color:var(--oh-muted);text-decoration:none}
.oh-footer-col a:hover{color:var(--oh-text)}
.oh-footer-bottom{
  width:min(1180px,calc(100% - 40px));margin:auto;
  padding:17px 0;border-top:1px solid var(--oh-border);
  display:flex;justify-content:space-between;color:#737987;font-size:12px;
}
.oh-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:46px 0}
.oh-hero{margin-bottom:34px}
.oh-eyebrow{color:var(--oh-purple-2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.oh-title{font-size:clamp(30px,5vw,48px);line-height:1.05;letter-spacing:-.045em;margin:0 0 12px}
.oh-subtitle{color:var(--oh-muted);font-size:16px;line-height:1.65;max-width:680px}
.oh-card,.card,.panel,.dashboard-card{
  background:linear-gradient(180deg,rgba(18,22,33,.94),rgba(11,14,21,.94))!important;
  border:1px solid var(--oh-border)!important;
  border-radius:var(--oh-radius)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.18);
}
.oh-card{padding:22px}
.oh-card:hover{border-color:rgba(139,92,246,.22)!important;transform:translateY(-2px);transition:.2s ease}
.oh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.oh-button,.btn-primary{
  border:0!important;border-radius:11px!important;
  background:linear-gradient(135deg,var(--oh-purple),var(--oh-blue))!important;
  color:#fff!important;font-weight:750!important;
  box-shadow:0 10px 25px rgba(99,82,230,.22);
}
input,select,textarea{
  background:#0a0d14!important;color:var(--oh-text)!important;
  border:1px solid var(--oh-border)!important;border-radius:11px!important;
}
@media(max-width:800px){
  .oh-nav{display:none}
  .oh-header-inner{justify-content:space-between}
  .oh-grid{grid-template-columns:1fr}
  .oh-footer-inner{flex-direction:column}
  .oh-footer-links{gap:28px;flex-wrap:wrap}
  .oh-footer-bottom{flex-direction:column;gap:8px}
}
.partnerships-search {
  position: relative;
  margin-bottom: 36px;
  display: flex;
  align-items: center;
  max-width: 680px;
  width: 100%;
}

.partnership-search-input {
  width: 100%;
  height: 52px;
  padding: 0 20px 0 52px !important;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  color: var(--text);
  font-size: 1rem;
  font-family: inherit;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  backdrop-filter: blur(10px);
}

.partnership-search-input:focus {
  outline: none;
  border-color: rgba(88,101,242,0.7);
  background: rgba(255,255,255,0.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 0 0 5px rgba(88,101,242,0.08);
}

.partnership-search-input::placeholder {
  color: rgba(255,255,255,0.65);
}

.partnership-search-icon {
  position: absolute !important;
  left: 18px !important;
  right: auto !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  color: rgba(255,255,255,0.72);
  pointer-events: none;
  flex-shrink: 0;
}

.partnerships-search:focus-within .partnership-search-input {
  background: rgba(255,255,255,0.09);
}