*{box-sizing:border-box} body{margin:0;font-family:sans-serif;display:flex;min-height:100vh;color:#16324F}
#sidebar{width:220px;background:#0B2545;color:#fff;padding:24px 0;min-height:100vh;position:fixed}
#main{flex:1;background:#f7f9fb;margin-left:220px;min-height:100vh}
.logo{font-size:1.2rem;font-weight:700;padding:0 24px 16px}.logo span{color:#F4A259}
nav ul{list-style:none;padding:0;margin:0} nav a{display:block;padding:12px 24px;color:rgba(255,255,255,.8);text-decoration:none;border-left:3px solid transparent}
nav a:hover,nav a.active{background:rgba(255,255,255,.08);border-left-color:#F4A259;color:#fff}
.hero{background:linear-gradient(120deg,#0B2545,#137A6E);color:#fff;padding:48px 40px}
.eyebrow{font-size:.75rem;text-transform:uppercase;color:#F4A259;margin-bottom:12px}.hero h1{font-size:1.9rem;margin:0 0 12px}.hero p{color:rgba(255,255,255,.85);margin-bottom:20px}
.btn-primary{display:inline-block;background:#F4A259;color:#0B2545;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:700;margin-right:10px}
.btn-outline{display:inline-block;border:#f7f9fb solid 1px;border-radius:6px;padding:10px 18px;text-decoration:none;color:white;font-weight:bold}
.content{padding:24px 40px}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.demo-card,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:18px}.demo-card h3,.panel h2{margin-top:0}
.tag{font-size:.7rem;color:#137A6E;background:rgba(27,153,139,.1);padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:8px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}th{background:#eef3f7}
.reg-form{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px}.form-row{margin-bottom:16px}.form-row label{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:9px 11px;border:1px solid #e2e8f0;border-radius:6px;background:#f7f9fb;font-family:inherit}
.form-row textarea{min-height:80px}.form-actions{display:flex;gap:10px}.form-actions button{padding:10px 20px;border-radius:6px;font-weight:700;border:none;cursor:pointer}.submit{background:#1B998B;color:#fff}.reset{background:transparent!important;border:1px solid #e2e8f0!important;color:#5B7083}
.status{padding:4px 9px;border-radius:12px;background:#e8f6f3;color:#137A6E;font-size:.8rem;font-weight:bold}
@media(max-width:800px){#sidebar{width:180px}#main{margin-left:180px}.showcase{grid-template-columns:1fr}.content,.hero{padding-left:22px;padding-right:22px}}