:root{--bg:#031329;--panel:#071d39;--blue:#008cff;--cyan:#18c8ff}
body{background:var(--bg);color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 10%,rgba(0,140,255,.22),transparent 35%),radial-gradient(circle at 85% 20%,rgba(24,200,255,.12),transparent 30%)}
.navbar{background:rgba(2,16,38,.96);border-bottom:1px solid rgba(0,140,255,.35);backdrop-filter:blur(12px)}
.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--blue);border-radius:10px;margin-right:7px;color:#fff}
.hero{padding:150px 0 90px}.hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1}
.text-gradient{background:linear-gradient(90deg,#fff,#63d8ff);-webkit-background-clip:text;color:transparent}
.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:#0073d1}
.section{padding:75px 0}.card-ct{background:rgba(7,29,57,.86);border:1px solid rgba(0,140,255,.25);border-radius:20px;color:#fff;height:100%;box-shadow:0 15px 45px rgba(0,0,0,.18)}
.card-ct:hover{transform:translateY(-4px);transition:.2s;border-color:rgba(0,140,255,.65)}
.badge-online{background:rgba(24,200,255,.15);color:#69dcff;border:1px solid rgba(24,200,255,.3)}
.form-control,.form-select{background:#061a33;border-color:#245072;color:#fff}.form-control:focus,.form-select:focus{background:#061a33;color:#fff;border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(0,140,255,.15)}
.form-control::placeholder{color:#8295aa}.auth-wrap{min-height:75vh;padding-top:130px}.auth-card{max-width:540px;margin:auto;background:rgba(7,29,57,.95);border:1px solid rgba(0,140,255,.3);border-radius:24px;padding:35px}
.dashboard{padding:135px 0 70px}.stat{padding:25px;border-radius:18px;background:#071d39;border:1px solid rgba(0,140,255,.22)}
.course-cover{height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#062b55,#06406a);border-radius:18px 18px 0 0;font-size:48px}
footer{background:#020d1c;border-top:1px solid rgba(0,140,255,.2)}.brand-footer{font-size:28px;font-weight:800;color:#6bdcff}
.table-ct{--bs-table-bg:transparent;--bs-table-color:#fff;--bs-table-border-color:#234665}
.alert{border-radius:14px}