:root{--gator-blue:#0021A5;--gator-orange:#FA4616;--ink:#0f172a;--ink-2:#334155;--bg:#f8fafc;--card:#ffffff;--ring:rgba(250,70,22,0.4);--radius:16px}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.site-header{background:linear-gradient(90deg,var(--gator-blue),#00146e);color:#fff}.site-header .container{max-width:1080px;margin:0 auto;padding:16px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}.uf-block{background:var(--gator-orange);color:#fff;font-weight:800;padding:6px 10px;border-radius:8px;letter-spacing:1px}
.site-nav .nav-link{color:#e2e8f0;text-decoration:none;margin-left:16px}.site-nav .nav-link.active,.site-nav .nav-link:hover{color:#fff}
.container{max-width:1080px;margin:0 auto;padding:20px}
.panel{background:var(--card);border:1px solid #e5e7eb;border-radius:var(--radius);padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06);margin:24px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:20px 0 40px}
.card{display:block;background:var(--card);border-radius:var(--radius);text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.07)}
.card-body{padding:16px}.card-title{margin:0 0 6px;font-size:18px}.card-text{margin:0 10px 10px 0;color:var(--ink-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid transparent;font-weight:600;cursor:pointer;text-decoration:none}
.btn-orange{background:var(--gator-orange);color:#fff}.btn-ghost{background:#fff;border-color:#e2e8f0;color:var(--ink)}.btn-sm{font-size:14px;padding:8px 12px}
.input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:var(--ink);outline:none}.input:focus{border-color:var(--gator-orange);box-shadow:0 0 0 4px var(--ring)}
.site-footer{border-top:1px solid #e5e7f0;margin-top:20px}
/* YT player & overlay */
.yt-wrap{background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.2);margin:16px 0;position:relative}
.yt-16x9{position:relative;padding-top:56.25%}.yt-16x9>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.overlay{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .12s ease}
.overlay.show{opacity:1;pointer-events:auto}
/* Chat UI */
.chat{background:var(--card);border:1px solid #e2e8f0;border-radius:16px;padding:12px;margin-top:12px}
.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.msg{display:flex;gap:10px;margin:10px 0}
.msg .bubble{padding:10px 12px;border-radius:14px;max-width:80%}
.msg.ai .bubble{background:#f1f5f9;border:1px solid #e2e8f0}
.msg.user{justify-content:flex-end}
.msg.user .bubble{background:#eaf1ff;border:1px solid #cfe0ff}
.msg .thumb{width:28px;height:28px;border-radius:999px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.msg.ai .thumb{background:#0021A5;color:#fff}
.msg.user .thumb{background:#FA4616;color:#fff}
.compose{display:flex;gap:8px;margin-top:10px}.compose input{flex:1}.compose button{min-width:80px}
.chat .bubble p {
  margin: 0.4em 0;
  line-height: 1.5;
}
.chat .bubble strong {
  font-weight: 600;
}
.chat .bubble code {
  background: rgba(255,255,255,0.15);
  padding: 2px 4px;
  border-radius: 4px;
  font-family: "Consolas", monospace;
}
.chat .bubble pre {
  background: rgba(255,255,255,0.1);
  padding: 8px;
  border-radius: 6px;
  overflow-x: auto;
}
.chat .bubble ul, .chat .bubble ol {
  margin: 0.5em 0 0.5em 1.2em;
}

/* Questions spacing */
.qa-form{display:grid;gap:28px}.field{padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.04)}.label{display:block;font-weight:700;font-size:1.05rem;line-height:1.35;margin-bottom:14px;color:var(--ink)}
.radios,.checks{display:flex;flex-wrap:wrap;gap:14px 12px}.radio,.check{padding:10px 14px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;font-size:.95rem;line-height:1.2;transition:transform .06s ease,background .15s ease,border-color .15s ease}.radio:hover,.check:hover{transform:translateY(-1px);background:#f1f5f9;border-color:#d7dee7}.radio input,.check input{transform:scale(1.08)}
.actions{display:flex;gap:14px;margin-top:12px}
@media (max-width:640px){.qa-form{gap:22px}.field{padding:16px}.label{font-size:1rem;margin-bottom:12px}}


.site-logo {
  height: 80px; /* increase from 40px to 80px */
  margin-right: 0.75rem;
  vertical-align: middle;
  display: inline-block;
}

.main-title {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
}

.subtitle {
  font-size: 1rem;
  font-weight: 400;
  color: #555;
  margin-bottom: 0.5rem;
}

.subheading {
  font-size: 1.25rem;
  font-weight: 600;
}