@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Inter:wght@400;500;600;700&display=swap");

body.info-page {
  min-height: 100svh;
  height: auto;
  display: flex;
  flex-direction: column;
}

.info-shell {
  position: relative;
  z-index: 10;
  width: min(920px, calc(100% - 32px));
  margin: 0 auto;
  padding: 104px 0 64px;
  flex: 1;
}

.info-header {
  padding-bottom: 28px;
  border-bottom: 1px solid var(--border);
}

.info-kicker {
  color: var(--cyan);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.info-header h1 {
  margin-top: 10px;
  font-family: var(--font-head);
  font-size: clamp(32px, 6vw, 52px);
  line-height: 1.08;
}

.info-intro {
  max-width: 720px;
  margin-top: 16px;
  color: #a9b8d3;
  font-size: 17px;
  line-height: 1.7;
}

.info-section {
  padding: 32px 0;
  border-bottom: 1px solid var(--border);
}

.info-section h2 {
  margin-bottom: 12px;
  font-family: var(--font-head);
  font-size: 23px;
}

.info-section h3 { margin: 22px 0 8px; font-size: 16px; }
.info-section p, .info-section li { max-width: 760px; color: #a9b8d3; line-height: 1.75; }
.info-section p + p { margin-top: 12px; }
.info-section-plain { padding-top: 28px; }
.info-section ul { padding-left: 20px; }
.info-section li + li { margin-top: 7px; }
.info-section a { color: var(--cyan); }

.info-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.topnav {
  position: fixed; top: 16px; left: 50%; transform: translateX(-50%);
  z-index: 200; width: calc(100% - 48px); max-width: 1200px;
  display: flex; align-items: center; padding: 0 24px; height: 60px;
  background: rgba(6,8,16,0.75); border: 1px solid var(--border);
  border-radius: 50px; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}
.nav-brand { display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:40px;flex-shrink:0; }
.nav-logo { width:38px;height:38px;border-radius:50%;object-fit:cover; }
.nav-title { font-family:var(--font-head);font-size:16px;font-weight:700;color:#fff; }
.nav-links { display:flex;gap:4px;flex:1; }
.nav-label-short { display:none; }
.nav-link { padding:7px 16px;border-radius:50px;font-size:13px;font-weight:500;color:var(--text-dim);text-decoration:none;transition:all 0.2s; }
.nav-link:hover { color:var(--text);background:rgba(255,255,255,0.05); }
.nav-right { display:flex;align-items:center;gap:12px; }
.nav-yt { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:50px;background:rgba(255,0,0,0.12);border:1px solid rgba(255,0,0,0.25);color:#FF4444;text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s; }
.nav-yt:hover { background:rgba(255,0,0,0.2);transform:translateY(-1px); }

.bg-orb { position:fixed;border-radius:50%;pointer-events:none;filter:blur(90px);z-index:0; }
.orb-1 { width:900px;height:900px;top:-250px;right:-200px;background:radial-gradient(circle,rgba(0,100,255,0.2) 0%,rgba(0,50,180,0.09) 40%,transparent 70%); }
.orb-2 { width:750px;height:750px;bottom:-200px;left:-150px;background:radial-gradient(circle,rgba(255,184,0,0.24) 0%,rgba(255,100,0,0.12) 40%,transparent 70%); }
.orb-3 { width:600px;height:600px;top:50%;left:30%;background:radial-gradient(circle,rgba(0,212,255,0.1),transparent 65%); }
.orb-4 { width:550px;height:550px;top:10%;left:0;background:radial-gradient(circle,rgba(255,140,0,0.16),transparent 65%); }

.contact-form { display: grid; gap: 15px; max-width: 680px; }
.contact-form label { display: grid; gap: 7px; color: #c8d4e8; font-size: 13px; }
.contact-form input, .contact-form textarea, .contact-form select {
  width: 100%; padding: 12px 14px; border: 1px solid var(--border); border-radius: 6px;
  background: #090d18; color: var(--text); font: inherit;
}
.contact-form textarea { min-height: 150px; resize: vertical; }
.contact-status { min-height: 20px; color: var(--cyan); font-size: 13px; }

@media (max-width: 680px) {
  .topnav { top:8px;width:calc(100% - 16px);height:56px;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:4px;padding:0 8px; }
  .nav-brand { margin-right:0;gap:0;min-width:0; }
  .nav-logo { width:36px;height:36px; }
  .nav-title { display:none; }
  .nav-links { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-width:0; }
  .nav-link { min-width:0;padding:7px 2px;font-size:10px;text-align:center;white-space:nowrap; }
  .nav-label-full { display:none; }
  .nav-label-short { display:inline; }
  .nav-right { justify-content:flex-end; }
  .nav-yt { width:36px;height:36px;padding:0; }
  .info-shell { padding-top: 92px; }
  .info-section { padding: 26px 0; }
}