:root {
  color-scheme: dark;
  --bg: #050507;
  --panel: rgba(13,18,29,.9);
  --line: rgba(255,255,255,.13);
  --text: #f8fafc;
  --soft: #cbd5e1;
  --muted: #8392a8;
  --cyan: #25d7f2;
  --blue: #087cff;
  --violet: #8f1dff;
  --green: #34d399;
  --danger: #fb7185;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background: radial-gradient(circle at 82% 12%, rgba(37,215,242,.16), transparent 28rem), radial-gradient(circle at 8% 80%, rgba(143,29,255,.14), transparent 30rem), linear-gradient(135deg,#050507,#07111d 54%,#03120f);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; text-decoration: none; }
button,input,select,textarea { font: inherit; }
.topbar,.network-app { width: min(1480px, calc(100% - 32px)); margin-inline: auto; }
.topbar { min-height: 72px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand,nav,.module-tabs,.form-grid-2,.panel-head,.tag-row,.card-actions,.check-row { display:flex; align-items:center; }
.brand { gap:12px; }
.brand img { width:42px; height:42px; filter: drop-shadow(0 0 18px rgba(37,215,242,.3)); }
.brand span { display:grid; }
.brand small,.kicker { color:var(--cyan); font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
nav { gap:8px; flex-wrap:wrap; }
nav a,.module-tabs button,.primary,.ghost { min-height:40px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; font-weight:850; }
nav a { padding:0 12px; color:var(--soft); }
nav a:hover,.ghost:hover,.module-tabs button:hover { background:rgba(255,255,255,.08); color:#fff; }
.network-app { display:grid; gap:14px; padding-bottom:42px; }
.hero,.panel,.post-card,.profile-card,.forum-card,.company-card,.product-card,.profile-mini { border:1px solid var(--line); border-radius:8px; background:linear-gradient(135deg,rgba(37,215,242,.06),rgba(143,29,255,.05)),var(--panel); box-shadow:0 20px 70px rgba(0,0,0,.24); }
.hero { min-height:330px; display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:22px; align-items:center; padding:clamp(22px,4vw,44px); }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:900px; margin-bottom:14px; font-size:clamp(42px,6vw,78px); line-height:.9; letter-spacing:0; }
h2 { margin:4px 0 0; font-size:clamp(24px,4vw,42px); line-height:1; }
p { color:var(--soft); line-height:1.65; }
.profile-mini { min-height:210px; padding:18px; display:grid; align-content:end; gap:8px; position:relative; overflow:hidden; }
.profile-mini::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(37,215,242,.18),rgba(143,29,255,.16)); opacity:.42; }
.profile-mini > * { position:relative; }
.module-tabs { gap:8px; overflow-x:auto; }
.module-tabs button { flex:0 0 auto; min-width:120px; border:1px solid rgba(255,255,255,.13); color:var(--soft); background:rgba(255,255,255,.055); cursor:pointer; }
.module-tabs button.active { color:#fff; border-color:rgba(37,215,242,.45); background:linear-gradient(135deg,rgba(37,215,242,.22),rgba(143,29,255,.18)); }
.tab-panel { display:none; }
.tab-panel.active { display:grid; gap:14px; }
.layout { display:grid; grid-template-columns:minmax(320px,.42fr) minmax(0,1fr); gap:14px; align-items:start; }
.panel { padding:16px; }
.panel-head { justify-content:space-between; gap:12px; margin-bottom:12px; }
.stacked-form { display:grid; gap:11px; }
.stacked-form label { display:grid; gap:6px; color:var(--soft); font-size:13px; font-weight:800; }
.form-grid-2 { gap:10px; }
.form-grid-2 > * { flex:1; }
input,select,textarea { width:100%; min-height:40px; border:1px solid rgba(255,255,255,.13); border-radius:8px; padding:9px 10px; color:var(--text); background:rgba(255,255,255,.065); outline:none; }
textarea { min-height:110px; resize:vertical; }
input:focus,select:focus,textarea:focus { border-color:rgba(37,215,242,.55); box-shadow:0 0 0 3px rgba(37,215,242,.12); }
.primary,.ghost { border:0; padding:0 14px; color:#fff; cursor:pointer; }
.primary { background:linear-gradient(135deg,var(--violet),var(--blue) 54%,#0dbca4); }
.ghost { border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.065); }
.feed-list,.profile-grid,.forum-grid,.company-grid,.product-grid,.moment-grid { display:grid; gap:12px; }
.profile-grid,.company-grid,.product-grid,.moment-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.post-card,.profile-card,.forum-card,.company-card,.product-card { padding:14px; }
.post-card img,.product-card img,.moment-card img { width:100%; max-height:260px; object-fit:cover; border-radius:8px; margin-top:10px; border:1px solid rgba(255,255,255,.1); }
.product-card img { aspect-ratio: 4 / 3; max-height:none; }
.avatar { width:54px; height:54px; border-radius:8px; object-fit:cover; background:rgba(255,255,255,.08); }
.tag-row { gap:6px; flex-wrap:wrap; margin-top:8px; }
.tag { padding:4px 7px; border-radius:8px; color:var(--soft); background:rgba(255,255,255,.08); font-size:11px; font-weight:800; }
.card-actions { gap:8px; flex-wrap:wrap; margin-top:12px; }
.check-row { grid-template-columns:1fr auto; justify-content:space-between; padding:10px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:rgba(255,255,255,.045); }
.check-row input { width:18px; min-height:18px; accent-color:var(--green); }
.toast { position:fixed; left:50%; bottom:18px; transform:translate(-50%,18px); max-width:min(520px,calc(100vw - 28px)); padding:12px 14px; border:1px solid rgba(37,215,242,.28); border-radius:8px; background:rgba(13,18,29,.96); opacity:0; pointer-events:none; transition:.18s ease; z-index:50; }
.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width: 1040px) { .hero,.layout { grid-template-columns:1fr; } .profile-grid,.company-grid,.product-grid,.moment-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .topbar { align-items:flex-start; flex-direction:column; } .profile-grid,.company-grid,.product-grid,.moment-grid,.form-grid-2 { grid-template-columns:1fr; flex-direction:column; } }