.search{background-color:hsl(var(--background));width:75%;height:100%;color:hsl(var(--foreground));flex-direction:column;margin-left:auto;margin-right:auto;display:flex}.search__title{margin-top:3.5rem;font-size:1.5rem;font-weight:400;line-height:2rem}.search__subtitle{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));margin-bottom:.75rem}.search__content{flex-direction:column-reverse;gap:2rem;width:100%;padding-top:5rem;padding-bottom:2rem;display:flex}@media (min-width:768px){.search__content{flex-direction:row}}.search__content{align-items:flex-start}.search__courses-grid{flex-basis:60%;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:1.5rem;display:grid}@media (min-width:1280px){.search__courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.search__selected-course{border:1px solid var(--border-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:350px;height:fit-content;max-height:calc(100vh - 120px);box-shadow:0 8px 32px var(--accent-indigo-glow-subtle);background:linear-gradient(135deg,#1e293bcc 0%,#0f172ae6 100%);border-radius:1rem;flex-basis:40%;align-self:flex-start;position:sticky;top:100px;overflow:hidden auto}.search__selected-course::-webkit-scrollbar{width:6px}.search__selected-course::-webkit-scrollbar-track{background:0 0}.search__selected-course::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.search__selected-course::-webkit-scrollbar-thumb:hover{background:#6366f180}
.accordion-section{overflow:hidden}.accordion-section:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.accordion-section:last-child{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.accordion-section{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.accordion-section:first-child{border-top:1px solid var(--border-subtle)}.accordion-section__trigger{background:var(--gradient-card);padding:.75rem 1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s}.accordion-section__trigger:hover{background:var(--gradient-card);filter:brightness(1.1)}.accordion-section__title{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));font-weight:500}.accordion-section__content{background:var(--gradient-card);opacity:.8;padding:1rem}.accordion-section__chapter{color:#9ca3afe6;align-items:center;padding-top:.25rem;padding-bottom:.25rem;display:flex}
.selected-course{padding:2.25rem;overflow:hidden}.selected-course__title{--tw-text-opacity:1;color:rgb(210 210 210/var(--tw-text-opacity,1));font-size:1.875rem;font-weight:600;line-height:2.25rem}.selected-course__author{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));padding-top:.75rem;font-size:.875rem;line-height:1.25rem}.selected-course__free-badge{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1));background:linear-gradient(135deg,#10b98133 0%,#05966933 100%);border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:inline-flex}.selected-course__subscription-badge{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1));background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:inline-flex}.selected-course__content{margin-top:1.25rem}.selected-course__description{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));margin-bottom:1rem}.selected-course__sections{margin-top:1.5rem}.selected-course__sections-title{color:#d2d2d2e6;margin-bottom:.5rem;font-weight:600}.selected-course__footer{justify-content:space-between;align-items:center;margin-top:1.25rem;display:flex}.selected-course__subscription-container{flex-direction:column;gap:1rem;width:100%;display:flex}.selected-course__subscription-info{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#6366f133 var(--tw-gradient-from-position);--tw-gradient-to:#a855f733 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);border-radius:var(--radius);--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #6366f14d;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;display:flex}.selected-course__subscription-info-icon{width:1.25rem;height:1.25rem}.selected-course__go-to-course-button{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#3b82f6 var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:1.5rem;font-weight:600;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.selected-course__go-to-course-button:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.selected-course__go-to-course-button{box-shadow:var(--shadow-accent)}.selected-course__go-to-course-button:hover{box-shadow:var(--shadow-accent-hover)}.enroll-now-button{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-accent);border-radius:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.enroll-now-button:hover{box-shadow:var(--shadow-accent-hover);transform:translateY(-2px)}.enroll-now-button:active{transform:translateY(0)}