/* Learnico eLearning Hub: navy theme + classroom background (matched to your real class names) */
:root{--navy:#0a1f44;--navy-2:#102a5c;--navy-3:#1b3b7a;--gold:#f2b632;--ink:#eaf0ff;--muted:#b4c2e0}
html,body{min-height:100%}
body{background:var(--navy)!important;color:var(--ink)!important}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url("../img/class-background.jpg") center/cover no-repeat}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,31,68,.70),rgba(10,31,68,.86) 60%,rgba(10,31,68,.95))}

.site-header{background:rgba(10,31,68,.92)!important;border-bottom:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(8px)}
.site-header a,.brand,.nav a{color:var(--ink)!important}
.brand{font-weight:800}
.nav a:hover{color:var(--gold)!important}

.hero{padding:9vh 0 5vh;background:transparent!important}
.hero h1{color:#fff!important;font-size:clamp(2.2rem,5.5vw,3.8rem)}
.hero p{color:var(--muted)!important;font-size:1.15rem}

h1,h2,h3,h4{color:#fff!important}
.muted,.small{color:var(--muted)!important}
main a:not(.btn):not(.course-card){color:var(--gold)}

.course-card{background:rgba(16,42,92,.80)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;color:var(--ink)!important;box-shadow:none!important;transition:border-color .2s,transform .2s}
.course-card:hover{border-color:var(--gold)!important;transform:translateY(-3px)}
.course-card h3,.course-card strong{color:#fff!important}
.thumb-placeholder{background:var(--navy-3)!important;color:var(--gold)!important}

.btn{background:var(--gold)!important;color:var(--navy)!important;border:2px solid var(--gold)!important;font-weight:800;border-radius:10px}
.btn:hover{filter:brightness(1.08)}
.btn-outline{background:transparent!important;color:var(--gold)!important}
.btn-outline:hover{background:var(--gold)!important;color:var(--navy)!important}

/* Forms (login, register) */
input,select,textarea{background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:8px}
::placeholder{color:var(--muted)!important}
label{color:var(--ink)!important}
table{background:rgba(16,42,92,.8)!important;color:var(--ink)!important}
th{background:var(--navy-3)!important;color:#fff!important}
td,th{border-color:rgba(255,255,255,.14)!important}

.site-footer{background:rgba(10,31,68,.95)!important;color:var(--muted)!important;border-top:1px solid rgba(255,255,255,.15)!important}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media(max-width:700px){body::after{background:rgba(10,31,68,.9)}}

/* Moving cursor (works with cursor.js) */
.has-cursor,.has-cursor a,.has-cursor button{cursor:none}
.cur-dot,.cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}
.cur-dot{width:8px;height:8px;background:var(--gold)}
.cur-ring{width:38px;height:38px;border:2px solid var(--gold);transition:width .2s,height .2s,background .2s}
.cur-ring.hot{width:64px;height:64px;background:rgba(242,182,50,.18)}
.trail{position:fixed;pointer-events:none;z-index:9998;width:10px;height:10px;border-radius:50%;background:var(--gold);opacity:.7;animation:fade .7s forwards}
@keyframes fade{to{opacity:0;transform:scale(.2) translateY(14px)}}
@media(prefers-reduced-motion:reduce){.trail{display:none}}

/* Cards and forms (login, register, course pages) */
.card{background:rgba(16,42,92,.88)!important;color:#eaf0ff!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;box-shadow:none!important}
.card h1,.card h2,.card h3{color:#fff!important}
.card label{display:block;color:#eaf0ff!important;font-weight:700;margin:12px 0 6px}
.card input,.card select,.card textarea{width:100%;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;padding:10px 12px;border-radius:8px}
.card input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #1b3b7a inset}
.card a{color:#f2b632!important}
/* Header: logo in the left corner, menu on the right */
.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none!important;width:100%;padding:12px 4vw!important}
.site-header .brand{font-size:1.35rem;font-weight:800;margin-right:auto;white-space:nowrap}
.site-header .nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.site-header .nav .link-button{background:none;border:none;color:#eaf0ff;font:inherit;cursor:pointer}
@media(max-width:800px){
  .site-header .header-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .site-header .nav{gap:14px}
}
/* Header: logo in the left corner, menu on the right */
.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none!important;width:100%;padding:12px 4vw!important}
.site-header .brand{font-size:1.35rem;font-weight:800;margin-right:auto;white-space:nowrap}
.site-header .nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.site-header .nav .link-button{background:none;border:none;color:#eaf0ff;font:inherit;cursor:pointer}
@media(max-width:800px){
  .site-header .header-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .site-header .nav{gap:14px}
}

/* Gold subtitle on the homepage */
.hero .hero-sub{color:#f2b632!important;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800;margin:6px 0 14px}