:root{--cc-bg:#02050b;--cc-panel:rgba(4,10,20,.9);--cc-cyan:#19d9ff;--cc-blue:#1677ff;--cc-gold:#ffbf42;--cc-text:#eef7ff;--cc-muted:#a8bfd5;--cc-border:rgba(25,217,255,.45)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#07152a 0,#02050b 55%,#010207 100%);color:var(--cc-text);font-family:Arial,sans-serif}
.bot-page{min-height:100vh;padding:28px 18px 42px}
.bot-hero{max-width:1250px;margin:0 auto 28px;text-align:center;padding:26px 20px;border:1px solid var(--cc-border);border-radius:16px;background:var(--cc-panel);box-shadow:0 0 22px rgba(25,217,255,.14)}
.eyebrow{letter-spacing:4px;color:var(--cc-cyan);font-size:.78rem;font-weight:700}
h1{margin:8px 0;color:#fff;text-shadow:0 0 14px var(--cc-cyan);font-size:clamp(2rem,5vw,3.6rem)}
.bot-hero p{margin:0;color:var(--cc-muted);font-size:1.05rem}
.bot-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bot-card{overflow:hidden;border:1px solid var(--cc-border);border-radius:16px;background:var(--cc-panel);box-shadow:0 0 20px rgba(25,217,255,.12);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px}
.bot-card:hover{transform:translateY(-4px);box-shadow:0 0 28px rgba(25,217,255,.25)}
.bot-card img{display:block;width:75%;max-width:360px;height:auto;aspect-ratio:1/1;object-fit:contain;margin:0 auto 14px;border-radius:12px;background:#01040a}
.bot-card-body{padding:0 4px 2px;text-align:center}
.bot-card h2{margin:4px 0 8px;color:#fff;font-size:1.25rem;text-shadow:0 0 9px var(--cc-cyan)}
.role{color:var(--cc-gold);font-size:.78rem;font-weight:700;letter-spacing:1.3px;line-height:1.4}
.bot-card p{margin:10px 0 0;color:var(--cc-muted);line-height:1.45;font-size:.9rem}
.bot-footer{max-width:1250px;margin:24px auto 0;text-align:center}.bot-footer a{color:var(--cc-cyan);text-decoration:none}.bot-footer a:hover{text-decoration:underline}
@media(max-width:900px){.bot-grid{grid-template-columns:1fr 1fr}.bot-card img{width:75%}.bot-page{padding:18px 12px 30px}}
@media(max-width:600px){.bot-grid{grid-template-columns:1fr}.bot-card img{width:70%}}