@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Outfit:wght@400;600;700;800;900&display=swap');
:root {
  --tak-bg:#060E14;
  --tak-navy:#0D1B2A;
  --tak-mid:#0C1A2E;
  --tak-cream:#EAD8A5;
  --tak-orange:#E55A1A;
  --tak-orange-bright:#FF7A35;
  --tak-green:#5A8A5A;
  --tak-text:#FFFFFF;
  --tak-muted:#C2BDB9;
  --tak-dim:#8A8785;
  --tak-border:#2B2D34;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; max-width: 100%; }
html { overflow-x: hidden; }
.hidden { display: none !important; }
body {
  margin: 0 !important;
  font-family: 'Outfit', system-ui, sans-serif !important;
  background: var(--tak-bg) !important;
  color: var(--tak-text) !important;
  overflow-x: hidden;
}
body::before { content:''; position:fixed; inset:0; pointer-events:none; z-index:-2; background-image:repeating-linear-gradient(to bottom, transparent 0%, transparent calc(8% - 1px), rgba(86,99,94,.18) calc(8% - 1px), rgba(86,99,94,.18) 8%); }
body::after { content:''; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(ellipse at 15% 60%, rgba(90,122,88,.20), rgba(48,70,56,.08) 40%, transparent 72%); }
.bg-navy-900, .bg-navy-800, .bg-navy-700 { background-color: transparent !important; }
.bg-grid { background-image: none !important; }
.glass, .bg-\[\#0a0f1d\], .bg-\[\#10182f\] {
  background: rgba(13,27,42,.78) !important;
  border: 1px solid var(--tak-border) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.25);
  backdrop-filter: blur(16px);
}
.text-electric, .text-\[\#00f0ff\] { color: var(--tak-orange) !important; }
.bg-electric { background: var(--tak-orange) !important; color: var(--tak-bg) !important; }
.border-electric, .border-electric\/20, .border-electric\/50 { border-color: rgba(229,90,26,.55) !important; }
.text-gray-300, .text-gray-400, .text-gray-500 { color: var(--tak-muted) !important; }
a { color: var(--tak-orange-bright); }
a:hover { color: var(--tak-cream) !important; }
h1,h2,h3 { font-family:'Outfit', system-ui, sans-serif !important; letter-spacing:-.03em; }
main { max-width: 1200px !important; }
img, svg, video, canvas, iframe { max-width: 100%; }
pre, code { max-width: 100%; overflow-wrap:anywhere; word-break:break-word; }
pre { white-space:pre-wrap !important; overflow-x:auto; }
.tak-nav {
  display:flex; align-items:center; justify-content:space-between; gap:.85rem;
  width:min(1120px, calc(100% - 24px)); max-width:100%;
  margin:0 auto 2rem; padding:1rem 0; border-bottom:1px solid var(--tak-border);
  min-width:0; flex-wrap:wrap; overflow:visible;
}
.tak-brand { color:var(--tak-text); font-weight:900; font-size:1.25rem; text-decoration:none; flex:0 0 auto; white-space:nowrap; }
.tak-brand span { color:var(--tak-orange); }
.tak-nav-links { display:flex; gap:.75rem; flex-wrap:wrap; justify-content:flex-end; min-width:0; max-width:100%; }
.tak-nav-links a { color:var(--tak-muted); text-decoration:none; text-transform:uppercase; font-weight:700; font-size:.72rem; letter-spacing:.05em; white-space:nowrap; }
.tak-hero {
  background: linear-gradient(135deg, rgba(13,27,42,.92), rgba(6,14,20,.78));
  border:1px solid var(--tak-border); border-radius:24px; padding:clamp(2rem,5vw,4rem);
  box-shadow:0 24px 60px rgba(0,0,0,.32); margin-bottom:1.5rem;
}
.tak-eyebrow { color:var(--tak-orange); font-size:.75rem; font-weight:900; letter-spacing:.2em; text-transform:uppercase; margin:0 0 .75rem; }
.tak-title { font-size:clamp(2.5rem,6vw,5rem); line-height:.95; font-weight:900; margin:0 0 1rem; }
.tak-subtitle { color:var(--tak-muted); font-size:1.1rem; max-width:720px; }
.tak-card { background:rgba(13,27,42,.78); border:1px solid var(--tak-border); border-radius:18px; padding:1.5rem; }
.tak-btn, .btn, button, .inline-flex.bg-electric, .px-4.py-2.bg-electric, .px-8.py-4.bg-electric {
  background: var(--tak-orange) !important; color: var(--tak-bg) !important; border:2px solid var(--tak-orange) !important;
  border-radius:8px !important; font-weight:900 !important; text-transform:uppercase; letter-spacing:.05em;
}
.tak-btn:hover, .btn:hover, button:hover { background: var(--tak-orange-bright) !important; }
code, pre { font-family:'JetBrains Mono', monospace !important; }
@media (max-width: 720px) {
  .tak-nav { align-items:flex-start; flex-direction:column; width:min(100% - 24px, 1120px); }
  .tak-nav-links { width:100%; justify-content:flex-start; flex-wrap:wrap; overflow:visible; padding-bottom:0; gap:.5rem; }
  .tak-nav-links a { flex:0 1 auto; display:inline-flex; align-items:center; min-height:32px; padding:.35rem .55rem; border:1px solid rgba(234,216,165,.16); border-radius:999px; background:rgba(13,27,42,.58); font-size:.64rem; letter-spacing:.035em; }
}

/* Members portal polish pass — centered, more on-brand, subtle motion */
.tak-shell {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto !important;
  padding: 0 0 4rem;
}
.tak-nav { animation: takDrop .55s ease both; }
.tak-hero-centered {
  position: relative;
  overflow: hidden;
  text-align: center;
  display: grid;
  place-items: center;
  min-height: 360px;
}
.tak-hero-centered::before {
  content: '';
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 50% 45%, rgba(229,90,26,.20), transparent 26%),
    conic-gradient(from 180deg at 50% 50%, transparent, rgba(229,90,26,.12), transparent, rgba(234,216,165,.08), transparent);
  animation: takOrbit 18s linear infinite;
  opacity: .9;
}
.tak-hero-centered > * { position: relative; z-index: 1; }
.tak-hero-centered .tak-subtitle { margin-left: auto; margin-right: auto; }
.tak-title {
  max-width: 880px;
  text-shadow: 0 0 34px rgba(229,90,26,.18);
}
.tak-status {
  max-width: 720px;
  margin: 0 auto 1.5rem;
  text-align: center;
}
.tak-dashboard {
  display: flex !important;
  gap: 1.5rem;
  flex-direction: column;
  align-items: stretch;
}
.tak-welcome-card {
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}
.tak-welcome-card > div { width: 100%; }
.tak-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
}
.tak-card-grid .tak-card {
  text-align: center;
  transform: translateY(0);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.tak-card-grid .tak-card:hover {
  transform: translateY(-4px);
  border-color: rgba(229,90,26,.55) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.34), 0 0 34px rgba(229,90,26,.08);
}
.tak-command {
  white-space: pre-wrap;
  overflow: auto;
  padding: 1rem;
  border: 1px solid rgba(234,216,165,.22);
  border-radius: 10px;
  background: #060E14;
  color: var(--tak-cream);
  font-size: .85rem;
  text-align: left;
  box-shadow: inset 0 0 24px rgba(0,0,0,.35);
}
.tak-reveal { animation: takReveal .65s cubic-bezier(.2,.8,.2,1) both; }
@keyframes takReveal { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes takDrop { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes takOrbit { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .tak-reveal, .tak-nav, .tak-hero-centered::before { animation: none !important; }
  .tak-card-grid .tak-card { transition: none; }
}
@media (max-width: 720px) {
  .tak-shell { width: min(100% - 24px, 1120px); }
  .tak-hero-centered { min-height: 300px; }
  .tak-welcome-card { text-align: left; }
  .tak-card { padding: 1.1rem; }
  .tak-card-grid { grid-template-columns: 1fr; }
  .tak-title { font-size: clamp(2.1rem, 13vw, 3rem); }
}
@media (max-width: 420px) {
  .tak-nav { width: calc(100% - 20px); }
  .tak-nav-links { gap:.45rem; }
  .tak-nav-links a { font-size:.58rem; padding:.32rem .46rem; }
  .tak-command { font-size:.72rem; }
}

.tak-section { margin-top:1.5rem; margin-bottom:2rem; }
.tak-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid var(--tak-border); }
.tak-section-head h2 { margin:.15rem 0 0; font-size:clamp(1.75rem,3vw,2.5rem); }
.tak-library-card, .tak-mini-card { text-decoration:none; color:var(--tak-text); }
.tak-library-card { display:flex; flex-direction:column; gap:.45rem; min-height:100%; }
.tak-library-card .tak-btn { margin-top:auto; align-self:center; }
.tak-locked-card { opacity:.62; cursor:not-allowed; }
.tak-locked-card:hover { transform:none !important; }
.tak-lock-note { margin:.25rem 0 0; color:var(--tak-cream); font-size:.85rem; font-weight:700; text-align:center; }
.tak-mini-card { display:flex; flex-direction:column; gap:.6rem; text-align:left !important; }
.tak-mini-card strong { color:var(--tak-text); font-size:1.02rem; }
.tak-mini-card span { color:var(--tak-muted); font-size:.95rem; }
.tak-library-grid-4 { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.tak-community-card { display:grid; grid-template-columns:minmax(0,1.4fr) auto; gap:1.25rem; align-items:center; }
.tak-community-card .tak-subtitle { max-width:720px; }
@media (max-width: 720px) {
  .tak-section-head { align-items:flex-start; flex-direction:column; }
  .tak-community-card { grid-template-columns:1fr; text-align:left; }
  .tak-community-card .tak-btn { justify-self:start; }
}