*{box-sizing:border-box}
body{margin:0;background:#07131b;color:#fff;font-family:Inter,Arial,sans-serif}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#0c1a22;border-bottom:1px solid #16313d}
.nav a{color:#8fefff;text-decoration:none;margin-left:20px}
.brand{font-size:24px;font-weight:700}
.hero{max-width:1100px;margin:auto;padding:120px 30px;text-align:center}
.eyebrow{color:#8fefff;margin-bottom:15px}
.hero h1{font-size:64px;line-height:1.05;margin:0 auto 20px}
.hero-text{max-width:850px;margin:auto;font-size:22px;color:#c6d4db}
.btn{display:inline-block;padding:14px 28px;border-radius:12px;margin:12px;text-decoration:none}
.primary{background:#8fefff;color:#000}
.secondary{border:1px solid #8fefff;color:#8fefff}
.section{max-width:1200px;margin:auto;padding:80px 30px}
.section h2{text-align:center;font-size:42px}
.alt{text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}
.card{background:#0c1a22;border:1px solid #183544;border-radius:18px;padding:28px}
.card h3{margin-top:0}
.featured{border:2px solid #8fefff}
.pricing{text-align:center}
footer{text-align:center;padding:50px;color:#90a6b0}
@media(max-width:768px){
.hero h1{font-size:40px}
.hero-text{font-size:18px}
.nav{flex-direction:column;gap:12px}
}
.hero-logo{width:120px;height:120px;margin-bottom:25px;filter:drop-shadow(0 0 25px rgba(143,239,255,.25))}
.trust-strip{max-width:1100px;margin:0 auto 50px;padding:22px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.trust-strip span{border:1px solid #183544;background:#0c1a22;border-radius:999px;padding:14px;text-align:center;color:#c6f8ff}
.form-page{max-width:900px;margin:auto;padding:110px 30px}
.form-card{background:#0c1a22;border:1px solid #183544;border-radius:22px;padding:40px}
.form-card h1{font-size:42px;margin-top:0}
.form-card p{color:#c6d4db;font-size:18px}
input,select{width:100%;padding:16px;margin:10px 0;background:#07131b;color:white;border:1px solid #214756;border-radius:12px}
button{font-size:16px}
.certificate-page{max-width:1100px;margin:auto;padding:110px 30px}
.certificate-card{background:#0c1a22;border:1px solid #8fefff;border-radius:24px;padding:42px;box-shadow:0 0 50px rgba(143,239,255,.08)}
.cert-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.cert-top h1{font-size:46px;margin:10px 0 30px}
.status-pill{background:#8fefff;color:#001016;padding:12px 18px;border-radius:999px;font-weight:800}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:30px 0}
.cert-grid div{background:#07131b;border:1px solid #183544;border-radius:16px;padding:20px}
.cert-grid span{display:block;color:#8fefff;margin-bottom:10px}
.cert-grid strong{font-size:18px}
.cert-note{color:#c6d4db;font-size:18px;margin:30px 0}
.dashboard-page{max-width:1200px;margin:auto;padding:100px 30px}
.dashboard-page h1{text-align:center;font-size:48px}
.dash-sub{text-align:center;color:#c6d4db;font-size:18px}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:40px 0}
.dash-card{background:#0c1a22;border:1px solid #183544;border-radius:18px;padding:25px}
.dash-card span{display:block;color:#8fefff;margin-bottom:10px}
.dash-card strong{font-size:30px}
.dashboard-panel{background:#0c1a22;border:1px solid #183544;border-radius:22px;padding:30px;margin:30px 0}
table{width:100%;border-collapse:collapse}
th,td{padding:16px;border-bottom:1px solid #183544;text-align:left}
th{color:#8fefff}
.workflow{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:40px}
.workflow div{background:#0c1a22;border:1px solid #183544;border-radius:18px;padding:28px}
.workflow span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:#8fefff;color:#001016;border-radius:50%;font-weight:800;margin-bottom:16px}
.workflow h3{margin:0 0 12px}
.workflow p{color:#c6d4db}
.dash-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:35px 0}
.dash-links a{border:1px solid #183544;background:#0c1a22;color:#8fefff;text-decoration:none;border-radius:14px;padding:18px;text-align:center}
.dash-links a:hover{border-color:#8fefff}
.dashboard-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}
.dashboard-actions .btn{margin:0}
.qr-box{margin:30px 0;padding:24px;background:#07131b;border:1px solid #183544;border-radius:18px;text-align:center}
.qr-box img{width:180px;height:180px;background:white;padding:10px;border-radius:12px}
.qr-box p{color:#c6d4db}