:root{--na-blue:#2600ce;--na-cyan:#00d5fc;--na-navy:#07124a;--na-soft:#f4fbff;--na-gold:#c99a2e}
.na-login-wrap,.na-dashboard,.na-verify{font-family:Almarai,Tahoma,Arial,sans-serif}
.na-login-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#07124a,#2600ce 55%,#00d5fc);padding:30px}
.na-login-card{background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.22);padding:36px;max-width:460px;width:100%}
.na-login-card h1{margin:0 0 10px;color:var(--na-navy)}
.na-box{background:#f7fbff;border:1px solid #d9efff;border-radius:16px;padding:20px;margin:20px 0}
.na-hero{background:linear-gradient(135deg,#07124a,#2600ce);color:#fff;border-radius:28px;padding:34px;margin:24px 0}
.na-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.na-course-card{background:#fff;border:1px solid #e6eef7;border-radius:22px;overflow:hidden;box-shadow:0 12px 36px rgba(20,40,90,.08)}
.na-cover{height:150px;background:linear-gradient(135deg,#2600ce,#00d5fc);background-size:cover;background-position:center}
.na-course-body{padding:20px}
.na-course-body h3{margin:8px 0;color:#07124a}
.na-course-body p{text-align:justify;color:#39445a;line-height:1.8}
.na-badge{display:inline-block;background:#eaf9ff;color:#0b4b74;border-radius:999px;padding:4px 10px;font-size:12px}
.na-meta{color:#64748b;font-size:13px;margin:14px 0}
.na-btn, .na-verify button{display:inline-block;background:linear-gradient(135deg,#2600ce,#00d5fc);color:#fff!important;padding:10px 18px;border-radius:12px;text-decoration:none;border:0;cursor:pointer}
.na-verify{max-width:760px;margin:30px auto;padding:28px;border-radius:22px;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.08)}
.na-verify input{padding:12px;border:1px solid #d7e2ee;border-radius:10px;min-width:260px}
.na-verify.valid{border-top:6px solid #16a34a}.na-verify.invalid{border-top:6px solid #dc2626}


/* v2.3 generated course covers */
.na-generated-cover{position:relative;overflow:hidden;height:170px;background:linear-gradient(135deg,var(--na-c1,#07124a),var(--na-c2,#2600ce) 60%,var(--na-c3,#00d5fc));background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:18px}
.na-generated-cover.na-cover-image{padding:0}
.na-cover-orb{position:absolute;border-radius:999px;background:rgba(255,255,255,.16);filter:blur(.2px)}
.na-cover-orb.one{width:130px;height:130px;right:-42px;top:-44px}
.na-cover-orb.two{width:90px;height:90px;left:-25px;bottom:-30px;background:rgba(255,255,255,.10)}
.na-cover-top,.na-cover-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}
.na-cover-top span,.na-cover-bottom span{font-size:12px;color:rgba(255,255,255,.82)}
.na-cover-top strong{font-size:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 9px}
.na-cover-mid{position:relative;z-index:2}
.na-cover-mid h3{margin:0 0 8px!important;color:#fff!important;font-size:20px!important;line-height:1.35}
.na-cover-mid p{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;line-height:1.5!important;text-align:inherit!important}
.na-course-card .na-generated-cover{height:164px}