.courses-hero{position:relative;min-height:420px;padding-top:125px;padding-bottom:95px;color:#f5f7ff;background:#050c16;overflow:hidden}.hero-section-2{background-color:#050c16;position:relative;overflow:hidden}.hero-row-flex{display:flex;align-items:center}.hero-overlay-gradient{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,204,51,0.16) 0,transparent 36%),radial-gradient(circle at bottom center,rgba(169,91,255,0.12) 0,transparent 30%),linear-gradient(to bottom,rgba(4,7,20,0.96) 0%,rgba(4,7,20,0.90) 50%,rgba(4,7,20,0.88) 100%);pointer-events:none;z-index:1}.hero-text{position:relative;z-index:2;max-width:650px}.hero-breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:0.12em;opacity:0.72;margin-bottom:14px}.hero-breadcrumb a{color:#d9e1ff;text-decoration:none}.hero-breadcrumb span{margin:0 4px}.hero-kicker{display:inline-block;margin-bottom:16px;padding:7px 12px;border-radius:999px;background:rgba(255,204,51,0.10);border:1px solid rgba(255,204,51,0.22);color:#ffcc33;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.hero-title{font-size:56px;line-height:1.08;font-weight:700;margin:0 0 18px;color:#ffffff;text-shadow:0 6px 20px rgba(0,0,0,0.55)}.hero-title span{display:block;color:#ffffff}.hero-subtitle{max-width:560px;margin-bottom:22px;font-size:19px;line-height:1.65;font-weight:400;color:rgba(219,227,255,0.78);text-shadow:none}.hero-points{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:28px}.hero-points span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:rgba(233,239,255,0.88);font-size:13px}.hero-points i{color:#ffcc33}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-main-btn,.hero-secondary-btn,.hero-side-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:16px;text-decoration:none !important;transition:all 0.25s ease}.hero-main-btn{background:linear-gradient(135deg,#ffcc33,#f0b90b);color:#121212 !important;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;box-shadow:0 12px 26px rgba(255,204,51,0.18)}.hero-main-btn:hover{color:#121212 !important;transform:translateY(-1px);box-shadow:0 16px 34px rgba(255,204,51,0.24)}.hero-secondary-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);color:#eef2ff !important;font-size:13px;font-weight:600}.hero-secondary-btn:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.24);color:#ffffff !important}.hero-side-panel{position:relative;z-index:2;display:flex;justify-content:flex-end}.hero-side-card{width:100%;max-width:400px;padding:28px 28px 24px;border-radius:24px;background:rgba(8,14,28,0.84);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,0.38)}.hero-side-headline{margin-bottom:14px}.hero-side-headline .label{display:inline-block;margin-bottom:8px;color:#ffcc33;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em}.hero-side-headline h3{margin:0;font-size:30px;line-height:1.2;color:#ffffff}.hero-side-text{margin-bottom:16px;font-size:15px;line-height:1.7;color:rgba(222,230,255,0.80)}.hero-side-list{list-style:none;padding-left:0;margin:0 0 20px}.hero-side-list li{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px;font-size:14px;line-height:1.55;color:#f2f5ff}.hero-side-list i{margin-top:3px;color:#ffcc33;font-size:13px}.hero-side-btn{width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:#ffffff !important;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em}.hero-side-btn:hover{background:rgba(255,204,51,0.14);border-color:rgba(255,204,51,0.4);color:#ffcc33 !important}@media (max-width:1199px){.buttons-wrapper{justify-content:flex-start;padding-top:0;margin-top:4px}.filter-action-btn{min-width:170px}}@media (min-width:992px) and (max-width:1199px){.hero-title{font-size:46px;line-height:1.12}.hero-subtitle{font-size:17px;line-height:1.6}.hero-side-headline h3{font-size:26px}.hero-side-card{padding:24px 24px 22px}.hero-actions{gap:12px}.hero-main-btn,.hero-secondary-btn{padding-left:20px;padding-right:20px}}@media (max-width:991px){.courses-hero{padding-top:105px;padding-bottom:60px;min-height:auto}.hero-row-flex{flex-direction:column;align-items:flex-start}.hero-text{max-width:100%;text-align:left}.hero-title{max-width:720px;font-size:42px;line-height:1.12}.hero-subtitle{max-width:680px;font-size:17px;line-height:1.6}.hero-points{max-width:720px}.hero-side-panel{width:100%;margin-top:28px;justify-content:flex-start}.hero-side-card{max-width:100%}}@media (max-width:767px){.courses-hero{padding-top:96px;padding-bottom:54px}.hero-title{font-size:34px;line-height:1.14}.hero-subtitle{font-size:16px;line-height:1.6}.hero-points{gap:10px}.hero-points span{width:100%;justify-content:flex-start}.hero-actions{flex-direction:column;width:100%}.hero-main-btn,.hero-secondary-btn,.hero-side-btn{width:100%;min-height:52px}.hero-side-card{padding:22px 20px 20px;border-radius:20px}.hero-side-headline h3{font-size:24px}.recommended-card{margin-bottom:18px}.courses-stats{text-align:left;margin-top:16px}.buttons-wrapper{padding-top:8px}}.courses-filter-section{padding-top:28px;padding-bottom:28px;margin-top:0;position:relative;z-index:4;background:linear-gradient(180deg,rgba(7,12,24,0.98) 0%,rgba(5,10,22,1) 100%);box-shadow:0 -18px 40px rgba(0,0,0,0.55);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.04)}.courses-filter-section h2{margin-bottom:6px;color:#f5f7ff}.courses-filter-section h2 span{color:#ffcc33}.courses-filter-section p{color:#cbd3ff;opacity:1;font-size:15px;margin-bottom:0}.courses-stats{font-size:15px;margin-top:10px;text-align:right;color:#f5f7ff}.courses-stats .label{opacity:0.85;margin-right:6px}.courses-stats .value{font-weight:700;color:#ffcc33}.courses-filter-form{margin-top:22px}.courses-filter-form .form-group{margin-bottom:18px}.courses-filter-form label.control-label{display:block;margin-bottom:9px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:rgba(245,247,255,0.92)}.courses-filter-form label.control-label i{margin-right:6px;color:#ffcc33}.courses-filter-form .form-control{height:56px;border-radius:18px;padding:0 18px;background:rgba(12,18,33,0.95);border:1px solid rgba(255,255,255,0.1);color:#f5f7ff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);transition:all 0.25s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.courses-filter-form .form-control::placeholder{color:rgba(203,211,255,0.55);opacity:1}.courses-filter-form .form-control:hover{border-color:rgba(255,204,51,0.22);background:rgba(14,21,38,0.98)}.courses-filter-form .form-control:focus{border-color:rgba(255,204,51,0.6);box-shadow:0 0 0 3px rgba(255,204,51,0.08),0 0 18px rgba(255,204,51,0.12);background:rgba(14,21,38,1);color:#ffffff;outline:none}.courses-filter-form select.form-control{padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffcc33' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px}.buttons-wrapper{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex-wrap:nowrap;padding-top:22px}.active-filters-row{margin-top:6px}.active-filters-label{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;opacity:0.75;margin-right:8px;color:#cbd3ff}.filter-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,204,51,0.22);background:rgba(255,204,51,0.08);color:#f5f7ff;padding:6px 12px;font-size:12px;margin-right:8px;margin-bottom:8px}.filter-chip i{font-size:11px;margin-right:6px;color:#ffcc33;opacity:1}.filter-clear-all{display:inline-block;margin-top:6px;font-size:12px;color:#cbd3ff !important;opacity:0.9;text-decoration:none}.filter-clear-all:hover{color:#ffffff !important}.filter-action-btn{height:56px;min-height:56px;border-radius:18px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:0.07em;white-space:nowrap;text-decoration:none !important;cursor:pointer;transition:all 0.25s ease}.filter-action-btn i{font-size:13px}.filter-action-btn--primary{min-width:145px;background:rgba(255,204,51,0.13);border:1px solid rgba(255,204,51,0.55);color:#ffcc33 !important;box-shadow:0 0 0 1px rgba(255,204,51,0.08),0 10px 26px rgba(255,204,51,0.12)}.filter-action-btn--primary:hover{background:rgba(255,204,51,0.2);border-color:rgba(255,204,51,0.85);color:#ffffff !important;box-shadow:0 0 0 1px rgba(255,204,51,0.16),0 12px 32px rgba(255,204,51,0.2);transform:translateY(-1px)}.filter-action-btn--secondary{min-width:115px;background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.16);color:#d7defd !important}.filter-action-btn--secondary:hover{background:rgba(255,255,255,0.085);border-color:rgba(255,255,255,0.28);color:#ffffff !important;transform:translateY(-1px)}.filter-action-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(255,204,51,0.14),0 10px 26px rgba(0,0,0,0.25)}@media (max-width:767px){.buttons-wrapper{width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:12px;padding-top:6px}.filter-action-btn{flex:1 1 0;min-width:0;width:100%;height:54px;min-height:54px;padding:0 14px;border-radius:17px;font-size:11px}.filter-action-btn span{display:inline-block}.courses-filter-section{padding-top:24px;padding-bottom:24px}.courses-filter-section h2{font-size:28px;line-height:1.2;margin-bottom:8px}.courses-filter-section p{font-size:14px;line-height:1.55}.courses-stats{font-size:14px;margin-top:18px;margin-bottom:8px}.courses-filter-form{margin-top:18px}.courses-filter-form .form-group{margin-bottom:16px}.courses-filter-form label.control-label{font-size:11px;margin-bottom:8px}.courses-filter-form .form-control{height:54px;border-radius:17px;font-size:16px;padding-left:16px;padding-right:16px}.courses-filter-form select.form-control{padding-right:42px;background-position:right 14px center}.filter-chip{margin-bottom:8px}}.courses-list-section{background:#050c16;padding-top:30px;padding-bottom:60px}#courses-list .course-card{position:relative;background:rgba(15,18,30,0.92);border-radius:18px;overflow:hidden;margin-bottom:25px;box-shadow:0 14px 30px rgba(0,0,0,0.35);display:flex;flex-direction:column;height:100%;transition:transform 0.2s ease,box-shadow 0.2s ease}#courses-list .course-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,0.45)}#courses-list .course-card-img{position:relative;overflow:hidden}#courses-list .course-card-img img{width:100%;display:block;transform:scale(1.02);transition:transform 0.5s ease}#courses-list .course-card:hover .course-card-img img{transform:scale(1.06)}#courses-list .course-level-badge{position:absolute;left:14px;top:14px;padding:4px 12px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:0.08em;background:rgba(255,204,51,0.9);color:#111;font-weight:600}#courses-list .course-card-body{padding:16px 18px 6px;flex:1 1 auto}#courses-list .course-title,#courses-list .course-title a{position:static !important;top:auto !important;left:auto !important;transform:none !important}#courses-list .course-title{margin-top:0;margin-bottom:6px;font-size:18px;line-height:1.3}#courses-list .course-title a{color:#fff;text-decoration:none}#courses-list .course-title a:hover{text-decoration:underline}#courses-list .course-short{font-size:13px;opacity:0.85;margin-bottom:10px;min-height:38px}#courses-list .course-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;opacity:0.9;margin-bottom:4px}#courses-list .course-meta .meta-item i{margin-right:4px}#courses-list .course-price{font-weight:600}#courses-list .course-card-footer{padding:8px 18px 14px;border-top:1px solid rgba(255,255,255,0.06)}#courses-list .course-card-footer .btn{border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:0.08em}#courses-list .no-courses-wrapper{margin-top:30px}#courses-list .no-courses-title{font-size:20px;margin-bottom:8px}#courses-list .no-courses-text{opacity:0.8;margin-bottom:15px}.recommended-section{padding-top:20px;padding-bottom:60px}.recommended-section h2 span{color:#ffcc33}.recommended-note{font-size:13px;opacity:0.8;margin-top:10px}.recommended-cards-row{margin-top:15px}.recommended-card{background:rgba(15,18,30,0.95);border-radius:18px;padding:16px 18px 14px;margin-bottom:22px;box-shadow:0 14px 30px rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.05);position:relative;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.recommended-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,204,51,0.18) 0,transparent 55%);opacity:0;pointer-events:none;transition:opacity 0.25s ease}.recommended-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,0.45);border-color:rgba(255,204,51,0.5)}.recommended-card:hover::before{opacity:1}.recommended-index{position:absolute;top:10px;right:14px;font-size:26px;font-weight:700;opacity:0.08}.recommended-title{margin-top:0;margin-bottom:8px;font-size:17px}.recommended-progress-wrapper{display:flex;align-items:center;margin-bottom:8px;margin-top:4px}.recommended-progress-bar{flex:1 1 auto;height:6px;border-radius:999px;background:rgba(255,255,255,0.06);overflow:hidden;margin-right:8px}.recommended-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffcc33,#ffd966);width:0}.recommended-progress-label{font-size:12px;opacity:0.85;white-space:nowrap}.recommended-progress-label span:first-child{font-weight:600}.recommended-steps{list-style:none;padding-left:0;margin:8px 0 10px;font-size:13px;opacity:0.9}.recommended-steps li{display:flex;align-items:center;margin-bottom:4px}.recommended-steps .dot{width:7px;height:7px;border-radius:50%;background:#ffcc33;margin-right:8px}.recommended-footer .btn{border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:0.08em}.courses-filter-section{background:#050c16;color:#f5f7ff}.courses-filter-section h2{color:#f5f7ff}.courses-filter-section p{color:#cbd3ff}.courses-stats{color:#f5f7ff}.courses-stats .label{opacity:0.9}.courses-stats .value{color:#ffcc33}.courses-filter-form label.control-label{color:#f5f7ff;opacity:0.95}.courses-filter-form .form-control::placeholder{color:#7d8495;opacity:1}.courses-list-section,.courses-list-section p,.courses-list-section h2,.courses-list-section h3,.courses-list-section span,.courses-list-section a{color:#f5f7ff}.courses-list-section .course-short,.courses-list-section .course-meta,.courses-list-section .no-courses-text{color:#cbd3ff}.courses-list-section .course-price{color:#ffcc33}.recommended-section,.recommended-section p,.recommended-section h2,.recommended-section h3,.recommended-section span{color:#f5f7ff}.recommended-note,.recommended-progress-label{color:#cbd3ff}#courses-list>.container>.row{display:flex;flex-wrap:wrap;align-items:stretch}#courses-list>.container>.row>[class*="col-"]{display:flex;margin-bottom:30px}#courses-list .course-card{width:100%;margin-bottom:0}#courses-list .course-card-body{display:flex;flex-direction:column;flex:1 1 auto}#courses-list .course-short{min-height:44px;max-height:44px;overflow:hidden;line-height:1.45}#courses-list .course-meta:first-of-type{margin-top:auto}.hero-section-2 #particles-js{margin-top:0;width:100%;height:60vh;position:absolute;inset:0;z-index:0}#courses-list .course-status-row{justify-content:flex-start;margin-top:8px;margin-bottom:0;opacity:1}#courses-list .course-status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;border:1px solid transparent;white-space:nowrap}#courses-list .course-status-badge i{font-size:12px}#courses-list .course-status-badge--available{color:#7ee2a8;background:rgba(126,226,168,0.12);border-color:rgba(126,226,168,0.26)}#courses-list .course-status-badge--locked{color:#ffcc52;background:rgba(255,204,82,0.12);border-color:rgba(255,204,82,0.26)}.hero-side-title{margin-top:4px;margin-bottom:10px;font-size:28px;line-height:1.25;color:#ffffff;font-weight:700}