.ot-wrapper{--blue-1:#007bff;--blue-2:#0056d2;--bg-start:#eaf3ff;--bg-end:#d8e8ff;--purple-1:indigo;--purple-2:#8a2be2;--card-bg:#fff;--muted:#555;font-family:Segoe UI,sans-serif;background:linear-gradient(to bottom right,var(--bg-start),var(--bg-end));color:#222;line-height:1.45;min-height:100vh;padding-bottom:40px}.ot-header{background:linear-gradient(90deg,var(--blue-1),var(--blue-2));color:#fff;padding:28px 16px;text-align:center;border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-shadow:0 6px 22px rgba(0,0,0,.15);margin:0}.ot-header h1{margin:0;font-size:1.8rem;letter-spacing:.4px}.ot-header p{margin:6px 0 0;font-size:1rem;opacity:.95}.ot-banner{width:95%;max-width:1100px;margin:18px auto;background:linear-gradient(90deg,var(--purple-1),var(--purple-2));color:#fff;padding:12px 14px;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(75,0,130,.25);font-weight:600;white-space:nowrap}.ot-ticker{display:inline-block;white-space:nowrap;animation:ot-scroll-left 25s linear infinite}.ot-banner:hover .ot-ticker{animation-play-state:paused}@keyframes ot-scroll-left{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.ot-nav{display:flex;justify-content:center;gap:12px;margin:15px auto;width:95%;max-width:1100px;padding:8px 6px;flex-wrap:wrap}.ot-nav a{background:#fff;color:var(--blue-2);text-decoration:none;padding:10px 18px;font-weight:700;border-radius:10px;border:2px solid rgba(0,86,210,.06);box-shadow:0 3px 10px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.ot-nav a:hover{transform:translateY(-3px);background:linear-gradient(135deg,var(--blue-1),var(--blue-2));color:#fff;box-shadow:0 8px 26px rgba(0,86,210,.18)}.ot-center-container{max-width:1100px;margin:20px auto;padding:0 14px}.ot-center-container img{width:100%;height:auto;display:block;object-fit:cover;max-height:90vh;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.1)}.ot-container{max-width:1100px;margin:18px auto 40px;padding:0 14px}.ot-section{margin-bottom:35px}.ot-section-head{margin-bottom:18px}.ot-section-head h2{margin:0 0 4px;color:var(--blue-2);font-size:1.4rem;border-left:4px solid var(--blue-1);padding-left:10px}.ot-section-head p{margin:0 0 0 14px;color:var(--muted);font-size:1rem}.ot-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.ot-card{background:var(--card-bg);border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.06);border:1px solid rgba(0,86,210,.04);transition:transform .2s ease,box-shadow .2s ease;min-height:90px;display:flex;gap:14px;align-items:flex-start}.ot-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.1)}.ot-avatar{width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,var(--bg-start),#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:3px solid rgba(0,86,210,.08)}.ot-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ot-info{flex:1 1}.ot-info h3{margin:0 0 6px;font-size:1.05rem;color:var(--blue-2)}.ot-muted{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.ot-meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.ot-pill{background:linear-gradient(135deg,var(--blue-1),var(--blue-2));color:#fff;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600}.ot-card-wide{grid-column:1/-1}@media (max-width:980px){.ot-grid{grid-template-columns:repeat(2,1fr)}.ot-avatar{width:64px;height:64px}}@media (max-width:680px){.ot-grid{grid-template-columns:1fr}.ot-nav{flex-direction:column;align-items:stretch;text-align:center}.ot-banner{width:98%}}