/* === SHARED STYLES — Intelligence Age Scorecard Team Pages === */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --space:#162535;--teal:#30ffeb;--purple:#5033ff;
  --titanium:#e2e2e1;--white:#fff;--black:#000;
  --glass:rgba(22,37,53,.85);--green:#22c55e;--orange:#f59e0b;--red:#ef4444;
  --watch:#30ffeb;--adapt:#5033ff;--verify:#f59e0b;--empower:#22c55e;
  --card:rgba(22,37,53,.85);--muted:#8fa3b8;--dark:rgba(255,255,255,.04);--err:#ff6b6b;
}
body.fs-n{--fs:1}body.fs-l{--fs:1.15}body.fs-xl{--fs:1.3}
body{font-family:'DM Sans',sans-serif;color:#f0f0ef;background:var(--space);min-height:100vh;font-size:calc(15px*var(--fs))}
h1,h2{font-family:'Work Sans',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.08em}
h3{font-family:'Work Sans',sans-serif;font-weight:600;font-size:calc(18px*var(--fs))}
p{font-size:calc(14px*var(--fs));line-height:1.7;color:#e2e2e1}
a{color:var(--teal)}
.container{max-width:720px;margin:0 auto;padding:40px 24px}

/* Font size selector */
.rt{position:fixed;bottom:20px;right:20px;z-index:10010;display:flex;align-items:center;gap:3px;background:var(--card);border:1px solid rgba(48,255,235,.2);border-radius:28px;padding:5px 7px;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.rt-l{font-family:'Work Sans',sans-serif;font-size:11px;color:var(--muted);margin-right:4px;font-weight:600}
.rt button{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);background:0;color:var(--muted);font-family:'Work Sans',sans-serif;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.rt button:hover{border-color:var(--teal);color:var(--teal)}.rt button.on{background:var(--teal);border-color:var(--teal);color:var(--space)}

/* Logo */
.tds-logo{text-align:center;margin-bottom:32px}
.tds-logo a{text-decoration:none;display:inline-block}
.tds-logo img{height:100px;width:auto}

/* Card */
.card{
  background:var(--glass);border:1px solid rgba(48,255,235,.12);
  border-radius:16px;padding:32px;margin-bottom:24px;
}
.card h2{font-size:calc(16px*var(--fs));color:var(--teal);margin-bottom:16px}

/* Button */
.btn{
  display:block;width:100%;padding:16px;
  background:var(--teal);color:var(--space);
  border:none;border-radius:8px;font-family:'Work Sans',sans-serif;
  font-weight:600;font-size:calc(16px*var(--fs));cursor:pointer;
  text-transform:uppercase;letter-spacing:.06em;
  text-decoration:none;transition:opacity .2s;text-align:center;
}
.btn:hover:not(:disabled){opacity:.9}
.btn:active:not(:disabled){transform:scale(.98)}
.btn:disabled{opacity:.35;cursor:not-allowed}
.btn-outline{background:transparent;border:1px solid var(--teal);color:var(--teal)}

/* Spinner */
.spinner{display:none;text-align:center;padding:40px}
.spinner.active{display:block}
.spinner::after{content:'';display:inline-block;width:40px;height:40px;border:3px solid rgba(48,255,235,.2);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:600px){
  .card{padding:24px 16px}
}