/* ==== landing page styles (moved from bot/index.php) ==== */
body {
    margin:0;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial;
    background:#020617;
    color:#e5e7eb;
}
.hero {
    max-width:960px;
    margin:0 auto;
    padding:40px 20px 60px 20px;
    text-align:center;
}
.hero h1 {
    font-size:30px;
    margin-bottom:10px;
}
.hero p {
    font-size:15px;
    color:#9ca3af;
    max-width:620px;
    margin:0 auto 20px auto;
}
.btn-main {
    display:inline-block;
    background:#22c55e;
    color:#022c22;
    padding:10px 22px;
    border-radius:999px;
    text-decoration:none;
    font-weight:600;
    margin:6px;
}
.btn-main:hover {
    background:#16a34a;
}
.btn-ghost {
    display:inline-block;
    border:1px solid #4b5563;
    color:#e5e7eb;
    padding:10px 22px;
    border-radius:999px;
    text-decoration:none;
    margin:6px;
}
.btn-ghost:hover {
    background:#020617;
}
.features {
    max-width:960px;
    margin:0 auto 40px auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:16px;
}
.card {
    background:#020617;
    border-radius:14px;
    border:1px solid #1f2937;
    padding:16px 18px;
    box-shadow:0 18px 40px rgba(15,23,42,0.85);
}
.card h3 {
    margin-top:0;
    font-size:16px;
}
.card p {
    font-size:13px;
    color:#9ca3af;
}
.footer {
    text-align:center;
    font-size:12px;
    color:#6b7280;
    padding:20px;
    border-top:1px solid #111827;
    margin-top:20px;
}