/* Hero Banner Styles */
.hero-banner {
	max-width: 100%;
	height: auto;
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* AntidetectBattle-XBrowser global styles */
body{padding-top:2rem;padding-bottom:3rem;background:#181a1b;color:#f3f3f3;font-family:'Inter',Arial,sans-serif;transition:background .3s,color .3s}
.hero{margin-bottom:1.5rem}
.lead-small{font-size:1rem;color:#bdbdbd}
a{color:#4dd0e1;text-decoration:none;transition:color .2s}
a:hover{text-decoration:underline;color:#00bcd4}
.table{background:#23272a;color:#f3f3f3;border-radius:8px;overflow:hidden}
.table-bordered th,.table-bordered td{border:1px solid #333}
.table-light{background:#222!important;color:#fff}
.table-responsive{box-shadow:0 2px 12px #0002;border-radius:8px;overflow:hidden}
header.hero{background:linear-gradient(90deg,#232526 0,#414345 100%);padding:2rem 1rem 1.5rem 1rem;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 4px 24px #0003}
footer, .site-footer{background:#232526;color:#bdbdbd;padding:2rem 1rem 1rem 1rem;border-radius:0 0 1.5rem 1.5rem;margin-top:2rem;text-align:center}
img,img.img-fluid{max-width:100%;height:auto;border-radius:1rem;box-shadow:0 2px 12px #0002;display:block;margin:auto}
.navbar{background:#232526!important;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 4px 24px #0003}
#lang-select{min-width:120px}
.alert-info{background:#232526!important;color:#fff!important;border-radius:1rem;padding:1.5rem 1rem;margin-top:2rem}
.menu-icon{width:32px;height:32px;vertical-align:middle;border-radius:50%;margin-right:8px}
.site-footer-links a{color:#bdbdbd;font-size:0.97em;margin:0 6px}
.site-footer-links a:hover{color:#4dd0e1}
@media (max-width:600px){body{padding:0}.container{padding:0 4px}}

/* Promo banner utility: use on the alert container to keep max width and center */
.promo-banner{max-width:900px;margin-left:auto;margin-right:auto}
.alert-lg{padding:1.25rem 1.25rem}

/* Modern theme enhancements */
:root{
	/* Dark navy base with warm accent for better contrast and elegance */
	--bg: #06121A; /* deep navy */
	--surface: #0b1b24; /* slightly lighter surface */
	--muted: #9fb3bd; /* softer muted text */
	--accent: #ffb86b; /* warm gold accent */
	--accent-2: #ff7a59; /* warm orange secondary accent */
	--card: #07131a;
	--radius: 12px;
}
body{background:linear-gradient(180deg,var(--bg) 0%, #071226 100%);color:#eaf6f5;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}
.container{max-width:1100px}
/* Navbar */
.navbar{background:linear-gradient(90deg,#071226 0%, #0b1720 100%)!important;border-radius:14px;padding:0.5rem 1rem}
.navbar-brand{font-weight:700;color:#fff}
.navbar .nav-link{color:var(--muted)}
.navbar .nav-link.active{color:var(--accent)!important}

/* Buttons */
.btn-primary{background:linear-gradient(90deg,var(--accent) 0%, var(--accent-2) 100%);border:0;color:#081216}
.btn-outline-dark{border-color:rgba(255,255,255,0.08);color:var(--muted);background:transparent}

/* Hero */
.hero-banner{border-radius:14px;box-shadow:0 18px 54px rgba(2,6,12,0.8)}
header.hero h1{font-size:1.6rem;color:#ffffff}
.lead-small{color:var(--muted);font-size:1.05rem}

/* Tables */
.table{background:linear-gradient(180deg,#0b1316,#071018);color:#e6eef0;border-radius:12px}
.table thead th{background:transparent;color:#b8cbd0;border-bottom:1px solid rgba(255,255,255,0.04)}

/* Alerts */
.alert{border-radius:12px}
.alert.alert-success{background:linear-gradient(90deg,var(--accent) 0%, var(--accent-2) 100%);color:#071216}
.alert-info{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,0.04)}

/* Footer */
.site-footer{background:linear-gradient(180deg,#041018 0%, #071624 100%);padding:2.5rem;border-radius:12px;margin-top:2.5rem}
.site-footer a{color:var(--muted)}
.site-footer a:hover{color:var(--accent)}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand img{width:40px;height:40px}
.footer-description{color:var(--muted);max-width:380px}
.footer-links-list{list-style:none;padding:0;margin:0}
.footer-links-list li{margin:6px 0}
.social-icons img{width:28px;height:28px;border-radius:6px}
.newsletter-form input[type="email"]{background:transparent;border:1px solid rgba(255,255,255,0.06);padding:10px 12px;border-radius:8px;color:#fff;width:100%}
.newsletter-form button{margin-left:8px}
.legal{color:rgba(255,255,255,0.45);font-size:0.92rem}

@media (max-width:768px){.footer-grid{display:block}.footer-grid > div{margin-bottom:1rem}}