@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
body{font-family:"Inter",-apple-system,sans-serif!important}
h1,h2,h3,h4,h5,h6{font-weight:700!important}

/* Navbar premium */
.navbar,.navbar.fixed-top,nav.navbar{background:linear-gradient(135deg,#5B0000,#8E0000,#C62828)!important;border:none!important;box-shadow:0 4px 25px rgba(142,0,0,.35)!important;padding:.6rem 1rem!important}
.navbar .navbar-brand,.navbar .navbar-brand *{color:#fff!important;font-weight:800!important;font-size:1.1rem!important}
.navbar .nav-link,.navbar .dropdown-toggle{color:rgba(255,255,255,.9)!important;font-weight:500!important;border-radius:8px!important;padding:8px 14px!important;transition:all .3s!important}
.navbar .nav-link:hover,.navbar .dropdown-toggle:hover{color:#FFD54F!important;background:rgba(255,255,255,.1)!important}
.navbar .dropdown-menu{border-radius:14px!important;box-shadow:0 15px 50px rgba(0,0,0,.2)!important;border:none!important;padding:8px!important}
.navbar .dropdown-item{border-radius:8px!important;padding:10px 16px!important}
.navbar .dropdown-item:hover{background:#FFEBEE!important;color:#C62828!important}
.navbar .userinitials{background:#FFD54F!important;color:#5B0000!important;font-weight:700!important}
.primary-navigation .moremenu .nav-link{color:rgba(255,255,255,.85)!important}

/* Login page PREMIUM */
body#page-login-index{background:linear-gradient(135deg,#3B0000 0%,#5B0000 30%,#8E0000 60%,#C62828 100%)!important;min-height:100vh}
body#page-login-index .navbar{background:transparent!important;box-shadow:none!important}
body#page-login-index #page-content{display:flex;align-items:center;justify-content:center;min-height:80vh}
#page-login-index .card,.login-container .card{border-radius:24px!important;box-shadow:0 30px 80px rgba(0,0,0,.3)!important;max-width:440px!important;margin:0 auto!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important}
#page-login-index .card-body{padding:2.5rem!important}
#page-login-index .btn-primary,.login-form .btn-primary{width:100%!important;padding:15px!important;font-size:1.05rem!important;border-radius:14px!important;background:linear-gradient(135deg,#C62828,#E53935)!important;border:none!important;box-shadow:0 6px 20px rgba(198,40,40,.4)!important;font-weight:700!important;letter-spacing:.5px!important}
#page-login-index .btn-primary:hover{transform:translateY(-3px)!important;box-shadow:0 10px 30px rgba(198,40,40,.5)!important}
#page-login-index h2,.login-heading{color:#C62828!important;font-weight:800!important;font-size:1.5rem!important}
#page-login-index .form-control{border-radius:12px!important;padding:14px 16px!important;border:2px solid #e0e0e0!important}
#page-login-index .form-control:focus{border-color:#C62828!important;box-shadow:0 0 0 5px rgba(198,40,40,.1)!important}
#page-login-index label{font-weight:600!important;color:#333!important}
body#page-login-index #page-footer{background:transparent!important;border:none!important;color:rgba(255,255,255,.5)!important}
body#page-login-index #page-footer a{color:#FFD54F!important}

/* Buttons */
.btn-primary,a.btn-primary{background:linear-gradient(135deg,#C62828,#E53935)!important;border:none!important;border-radius:12px!important;font-weight:600!important;box-shadow:0 4px 18px rgba(198,40,40,.3)!important;transition:all .3s!important}
.btn-primary:hover,a.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(198,40,40,.4)!important}
.btn-secondary{border-radius:12px!important;font-weight:500!important;transition:all .3s!important}
.btn-outline-primary{border-color:#C62828!important;color:#C62828!important;border-radius:12px!important}
.btn-outline-primary:hover{background:#C62828!important;color:#fff!important}

/* Cards */
.card,.block{border:none!important;border-radius:18px!important;box-shadow:0 2px 15px rgba(0,0,0,.05),0 8px 30px rgba(0,0,0,.03)!important;transition:all .35s!important;overflow:hidden!important}
.card:hover,.block:hover{transform:translateY(-3px)!important;box-shadow:0 12px 40px rgba(198,40,40,.1)!important}
.card-header{background:linear-gradient(135deg,#fafafa,#f8f8f8)!important;border-bottom:3px solid #C62828!important;font-weight:700!important}

/* Course cards */
.coursebox,.course-card{border-radius:18px!important;overflow:hidden!important;transition:all .35s!important}
.coursebox:hover,.course-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 35px rgba(198,40,40,.15)!important}

/* Drawer sidebar */
[data-region="drawer"],.drawer,.drawer-left{background:linear-gradient(180deg,#3B0000,#5B0000,#8E0000)!important;border:none!important}
.list-group-item,.drawer .list-group-item{color:rgba(255,255,255,.85)!important;background:transparent!important;border-color:rgba(255,255,255,.06)!important;transition:all .25s!important;margin:2px 8px!important;border-radius:10px!important}
.list-group-item:hover{background:rgba(255,255,255,.1)!important;color:#FFD54F!important}
.list-group-item.active{background:rgba(255,255,255,.15)!important;color:#FFD54F!important;border-left:4px solid #FFD54F!important}

/* Footer */
#page-footer{background:linear-gradient(135deg,#2A0000,#3B0000,#5B0000)!important;color:rgba(255,255,255,.6)!important;border-top:3px solid #FFD54F!important;padding:1.5rem 0!important}
#page-footer a{color:#FFD54F!important}

/* Tables */
.table thead th{background:linear-gradient(135deg,#3B0000,#5B0000)!important;color:#fff!important;font-weight:600!important;border:none!important}
.table-striped tbody tr:nth-of-type(odd){background:rgba(198,40,40,.03)!important}
.table-hover tbody tr:hover{background:rgba(198,40,40,.08)!important}
.table{border-radius:14px!important;overflow:hidden!important}

/* Forms */
.form-control,.form-select{border-radius:12px!important;border:2px solid #e0e0e0!important;transition:all .3s!important}
.form-control:focus,.form-select:focus{border-color:#C62828!important;box-shadow:0 0 0 5px rgba(198,40,40,.1)!important}

/* Progress */
.progress{border-radius:12px!important;height:10px!important}
.progress-bar{background:linear-gradient(90deg,#C62828,#E53935)!important}

/* Badges */
.badge.bg-primary{background:linear-gradient(135deg,#C62828,#E53935)!important;border-radius:10px!important}
.badge.bg-info{background:#FFD54F!important;color:#5B0000!important}

/* Links */
a{color:#C62828!important;transition:color .2s!important}
a:hover{color:#E53935!important}
.breadcrumb-item a{color:#C62828!important;font-weight:500!important}

/* Page header */
#page-header{background:linear-gradient(135deg,#fff,#FFF5F5)!important;border-bottom:1px solid rgba(198,40,40,.08)!important}

/* Front page */
.frontpage-course-list-all .coursebox{margin-bottom:20px!important}

/* Animation */
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
#page-content{animation:fadeIn .4s ease-out!important}

/* Scrollbar */
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#C62828;border-radius:10px}