*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#1a1a2e;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.ant-layout{background:#1a1a2e!important}.ant-layout-header{box-shadow:0 4px 20px #0006;background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%)!important}.navbar-brand{background:linear-gradient(90deg,#4a90d9,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.nav-link{border-radius:20px;font-weight:500;transition:all .3s;color:#ffffffd9!important;padding:8px 16px!important}.nav-link:hover{background:#4a90d933;color:#fff!important}.home-banner{border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #0006}.category-card{text-align:center;cursor:pointer;background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%);border:2px solid #0000;border-radius:20px;padding:24px 16px;transition:all .3s}.category-card:hover{border-color:#4a90d9;transform:translateY(-4px);box-shadow:0 12px 40px #4a90d933}.category-card .icon{margin-bottom:12px;font-size:40px}.course-card{background:#16213e;border:none;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px #0000004d}.course-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #4a90d933}.course-card .ant-card-cover{border-radius:20px 20px 0 0}.course-card .ant-card-body{background:#16213e}.section-title{color:#e2e8f0;border-left:4px solid #4a90d9;margin-bottom:24px;padding-left:16px;font-size:24px;font-weight:700}.ant-empty-description{color:#94a3b8!important}.ant-select-selector{background:#16213e!important;border-color:#4a90d94d!important}.ant-select-selection-item{color:#e2e8f0!important}.page-container{background:#0f3460;border-radius:24px;min-height:calc(100vh - 164px);padding:32px;box-shadow:0 4px 20px #0000004d}.login-container{background:linear-gradient(135deg,#16213e 0%,#1a1a2e 50%,#0f3460 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#16213e;border:1px solid #4a90d933;border-radius:24px;width:100%;max-width:440px;padding:48px;box-shadow:0 20px 60px #00000080}.login-card .ant-card-head{border-bottom:none;padding-bottom:0}.login-card .ant-card-head-title{text-align:center;color:#e2e8f0;font-size:28px;font-weight:700}.footer-custom{text-align:center;color:#94a3b8;background:linear-gradient(135deg,#0f3460 0%,#16213e 100%);border-top:1px solid #4a90d933;padding:32px}.empty-state{text-align:center;padding:60px 20px}.stats-card{text-align:center;background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%);border:2px solid #4a90d933;border-radius:20px;transition:all .3s}.stats-card:hover{border-color:#4a90d9;transform:translateY(-2px)}.stats-value{background:linear-gradient(135deg,#4a90d9,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}.stats-label{color:#94a3b8;margin-top:8px;font-size:14px}.video-player-container{border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0006}@media (width<=768px){.page-container{border-radius:16px;padding:16px}.section-title{font-size:20px}.login-card{padding:32px 24px}}