body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b1020;color:#fff}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#111827;position:sticky;top:0}
a{color:#fff;text-decoration:none;margin:0 12px}
.hero{padding:90px 8%;text-align:center;background:linear-gradient(135deg,#1d4ed8,#6d28d9)}
.btn{background:#3b82f6;padding:12px 20px;border-radius:8px;display:inline-block}
.container{padding:50px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#172036;border:1px solid #29344d;border-radius:14px;padding:20px}
input{width:100%;padding:12px;margin:10px 0;border-radius:8px;border:none}
footer{text-align:center;padding:30px;color:#9ca3af;background:#111827;margin-top:40px}
.sidebar{width:220px;background:#111827;padding:20px;min-height:100vh}
.main{flex:1;padding:30px}
.flex{display:flex}
table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid #333}