body{margin:0;font-family:Arial;background:#050c18;color:white}
.container{width:90%;max-width:1200px;margin:auto}

.header{background:#040b17;border-bottom:1px solid #1e2a44}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:20px 0}

.logo{display:flex;align-items:center;gap:12px}
.logo-box{width:40px;height:40px;border-radius:12px;background:linear-gradient(45deg,#22d3ee,#2563eb);display:flex;align-items:center;justify-content:center;font-weight:bold}

.logo-title{font-size:22px;font-weight:bold}
.logo-sub{font-size:12px;color:#9fb6d9}

.nav a{margin:0 12px;color:#cbd5f5;text-decoration:none}

.btn-demo{background:white;color:#0b1324;padding:10px 16px;border-radius:20px;text-decoration:none;font-weight:bold}

.hero{padding:80px 0;background:linear-gradient(180deg,#071124,#050c18)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}

.hero h1{font-size:44px;line-height:1.1}
.hero p{color:#bcd0f5;margin-top:20px}

.hero-buttons{margin-top:25px}
.btn-primary{background:#2563eb;color:white;padding:12px 22px;border-radius:25px;border:none}
.btn-secondary{border:1px solid #3b82f6;padding:12px 22px;border-radius:25px;margin-left:10px;color:white;text-decoration:none}

.dashboard{background:#0b1324;border-radius:20px;padding:20px;border:1px solid #1e2a44}

.dash-header{display:flex;justify-content:space-between;margin-bottom:10px}
.online{background:#2563eb;padding:4px 10px;border-radius:20px;font-size:12px}

.dash-stats{display:flex;gap:10px}
.stat{background:#0f1a30;padding:10px;border-radius:12px;flex:1}
.stat strong{display:block;font-size:22px}

.queue{margin-top:10px}
.queue-item{display:flex;justify-content:space-between;background:#0f1a30;padding:10px;border-radius:10px;margin-top:8px}

.section{padding:80px 0}
.section.dark{background:#071124}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.card{background:#0b1324;padding:20px;border-radius:16px}

.form{display:grid;gap:12px;max-width:400px;margin:auto;margin-top:30px}
.form input,.form select{padding:12px;border-radius:8px;border:none}

.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.plan{background:#0b1324;padding:20px;border-radius:16px;text-align:center}
.plan.highlight{border:2px solid #2563eb}

.footer{padding:40px 0;text-align:center;border-top:1px solid #1e2a44}

.whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;padding:12px 18px;border-radius:30px;color:white;text-decoration:none}