* { margin:0; padding:0; box-sizing:border-box; font-family:Poppins,sans-serif; }

body { background:#F8FAFC; color:#0F172A; }

.container { width:90%; max-width:1200px; margin:auto; }

.center { text-align:center; }

/* HEADER */
.header { background:#0B1C2D; padding:15px 0; }
.header-flex { display:flex; align-items:center; justify-content:space-between; }
.logo { color:#fff; font-size:22px; font-weight:700; }
nav a { color:#CBD5E1; margin:0 12px; text-decoration:none; }
nav a:hover { color:#1E90FF; }

/* BUTTONS */
.btn { padding:10px 18px; border-radius:8px; font-size:14px; text-decoration:none; cursor:pointer; }
.primary { background:#1E90FF; color:#fff; }
.outline { border:1px solid #1E90FF; color:#1E90FF; }
.outline-light { border:1px solid #fff; color:#fff; }

/* HERO */
.hero { background:linear-gradient(135deg,#0B1C2D,#102A43); color:#fff; padding:80px 0; }
.hero-grid { display:grid; grid-template-columns:2fr 1fr; gap:40px; align-items:center; }
.hero h1 { font-size:42px; margin-bottom:15px; }
.hero p { color:#CBD5E1; margin-bottom:20px; }
.hero-box { background:rgba(255,255,255,0.1); padding:20px; border-radius:12px; }

/* SECTION */
.section { padding:70px 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:25px; }
.card { background:#fff; padding:25px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.05); }

/* TOOLS STRIP */
.tools-strip { background:#E5F0FF; padding:25px 0; }
.tools span { margin:10px; display:inline-block; padding:10px 18px; background:#fff; border-radius:20px; box-shadow:0 4px 10px rgba(0,0,0,0.05); }

/* CTA */
.cta { background:#1E90FF; color:#fff; padding:60px 0; }

/* FOOTER */
.footer { background:#0B1C2D; color:#CBD5E1; padding:40px 0; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.footer a { color:#CBD5E1; text-decoration:none; }
.footer a:hover { color:#1E90FF; }

/* MOBILE */
@media(max-width:768px){
  .hero-grid{ grid-template-columns:1fr; }
  nav{ display:none; }
}

.auth-bg{background:#0B1C2D;height:100vh;display:flex;align-items:center;justify-content:center}
.login-box{background:#fff;padding:35px;border-radius:16px;width:340px}

.dash-header{
background:#0B1C2D;color:#fff;
padding:18px 40px;
display:flex;justify-content:space-between;align-items:center;
}

.dash-container{padding:50px}

.dash-card{
background:#fff;padding:35px;border-radius:18px;
box-shadow:0 20px 40px rgba(0,0,0,.08);
max-width:900px;margin:auto;
}

.report-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:20px;margin-top:25px;
}

.status{
padding:20px;border-radius:12px;text-align:center;
font-weight:600;
}
.status.ok{background:#DCFCE7;color:#166534}
.status.bad{background:#FEE2E2;color:#991B1B}

.suggest{margin-top:30px}
.suggest ul{padding-left:20px}

.cta-box{
margin-top:35px;
background:linear-gradient(135deg,#1E90FF,#2563EB);
color:#fff;padding:25px;border-radius:16px;
}

