.teh{--teh-navy:#10244f;--teh-blue:#175dd6;--teh-red:#c21842;--teh-muted:#64748c;--teh-border:#dfe6f0;color:var(--teh-navy);max-width:1440px;margin:0 auto;padding:20px 0 60px;text-align:left}.teh *,.teh *::before,.teh *::after{box-sizing:border-box}.teh [hidden]{display:none!important}.teh a{color:inherit;text-decoration:none}.teh button,.teh input,.teh select{font:inherit}.teh button{cursor:pointer}.teh :is(a,button,input,select,summary):focus-visible{outline:3px solid #367cf2;outline-offset:3px}.teh .teh-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.teh-breadcrumb{display:flex;align-items:center;gap:11px;color:var(--teh-muted);font-size:12px;margin-bottom:20px}.teh-breadcrumb [aria-current]{color:var(--teh-navy);font-weight:600}.teh-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 38px;border:1px solid #dbe5f3;border-radius:22px;background:linear-gradient(112deg,#fff 5%,#edf3fe 100%)}.teh-eyebrow{display:block;color:var(--teh-red);font-size:10px;font-weight:800;letter-spacing:1.65px;line-height:1.6}.teh-hero h1{margin:5px 0 8px;color:var(--teh-navy);font-size:clamp(32px,3vw,44px);line-height:1.15;letter-spacing:-1.3px;font-weight:800}.teh-hero p{margin:0;color:var(--teh-muted);font-size:15px;line-height:1.65}.teh .teh-my-courses{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:14px 18px;border:1px solid #d4dff1;border-radius:12px;background:#fff;font-size:13px;font-weight:700;box-shadow:0 5px 18px #10244f05;transition:border-color .2s,transform .2s}.teh-my-courses:hover{border-color:var(--teh-blue);transform:translateY(-1px)}.teh-areas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 36px}.teh-areas a{display:flex;align-items:center;gap:10px;min-height:78px;min-width:0;padding:12px;border:1px solid var(--teh-border);border-radius:13px;background:#fff;transition:border-color .2s,box-shadow .2s}.teh-areas a:hover{border-color:#a8bddf;box-shadow:0 6px 20px #10244f08}.teh-areas img{display:block;width:52px;height:46px;object-fit:contain;border-radius:6px;flex-shrink:0}.teh-areas strong{font-size:12px;line-height:1.5;font-weight:700}.teh-areas a>span{margin-left:auto;flex-shrink:0;color:var(--teh-blue);font-size:18px}.teh-browse{scroll-margin-top:100px}.teh-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.teh-heading h2{margin:4px 0 0;font-size:26px;line-height:1.25;letter-spacing:-.6px;color:var(--teh-navy);font-weight:750}.teh-heading>p{margin:0 0 3px;font-size:13px;color:var(--teh-muted);white-space:nowrap}.teh-tools{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--teh-border);border-radius:14px;background:#fff;margin-bottom:20px}.teh .teh-search{position:relative;display:flex;align-items:center;flex:1 1 280px;min-width:160px;padding:0 14px;height:46px;border:1px solid #dce4f0;background:#f8fafd;border-radius:9px;gap:10px}.teh-search>svg{color:#607594;flex-shrink:0;pointer-events:none}.teh .teh-search input[type=search]{display:block;position:static;float:none;margin:0!important;padding:0!important;min-width:0;max-width:none;width:100%;height:42px!important;line-height:normal;border:0!important;border-radius:0;box-shadow:none!important;background:transparent!important;color:var(--teh-navy);font-size:13px;transform:none;outline:0}.teh-search:focus-within{outline:2px solid #367cf2;outline-offset:2px;background:#fff}.teh .teh-search input[type=search]:focus,.teh .teh-search input[type=search]:focus-visible{outline:0!important;box-shadow:none!important}.teh-search input::placeholder{color:#718099;opacity:1}.teh-types{display:flex;gap:3px;padding:3px;background:#f2f5fa;border-radius:9px}.teh-types button{background:transparent;color:#596b87;padding:10px 13px;border:0;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.teh-types button[aria-pressed=true]{background:var(--teh-navy);color:#fff}.teh-sort{display:flex;align-items:center;gap:8px;padding:0 4px}.teh-sort label{font-size:11px;color:var(--teh-muted);margin:0}.teh .teh-sort select{max-width:190px;width:auto;height:42px;margin:0;padding:8px 25px 8px 10px;color:var(--teh-navy);font-size:12px;font-weight:600;border:1px solid var(--teh-border);border-radius:8px;background-color:#fff}.teh-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}.teh-layout--categories:has(.teh-filters:not([hidden])){grid-template-columns:208px minmax(0,1fr)}.teh-filters{border:1px solid var(--teh-border);border-radius:14px;padding:7px;background:#fff}.teh-filters summary{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;color:var(--teh-navy);font-size:14px;font-weight:750;cursor:pointer;list-style:none}.teh-filters summary::-webkit-details-marker{display:none}.teh-filters details[open] summary svg{transform:rotate(180deg)}.teh-category-list{display:grid;gap:3px;padding:3px 0 6px}.teh-category-list :is(button,a){display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;width:100%;padding:11px 12px;min-height:43px;border:0;border-radius:8px;background:transparent;color:#52647f;font-size:12px;line-height:1.45}.teh-category-list small{display:inline-grid;place-items:center;min-width:23px;height:21px;padding:0 5px;border-radius:6px;font-size:10px;color:#6c7d96;background:#f0f3f8}.teh-category-list :is(button,a):hover{background:#f6f8fc;color:var(--teh-blue)}.teh-category-list :is([aria-pressed=true],[aria-current=page]){background:#edf3fe;color:var(--teh-blue);font-weight:700}.teh-category-list :is([aria-pressed=true],[aria-current=page]) small{background:#fff;color:var(--teh-blue)}.teh-results{min-width:0}.teh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.teh-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--teh-border);border-radius:16px;transition:box-shadow .2s,border-color .2s,transform .2s}.teh-card:hover{border-color:#b6c7e0;box-shadow:0 10px 28px #10244f0a;transform:translateY(-2px)}.teh-card__cover{position:relative;display:block;aspect-ratio:1.8;overflow:hidden;background:#edf2fa;border-bottom:1px solid #e9eef5}.teh-card__cover>img{display:block;width:100%;height:100%;object-fit:cover}.teh-card--product .teh-card__cover>img{object-fit:contain;padding:12px;background:#f7f9fc}.teh-card__placeholder{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;height:100%;padding:22px;overflow:hidden;background:linear-gradient(125deg,#112859,#1e4a94);color:#fff}.teh-card:nth-child(3n+2) .teh-card__placeholder{background:linear-gradient(125deg,#153450,#226981)}.teh-card:nth-child(3n+3) .teh-card__placeholder{background:linear-gradient(125deg,#252449,#594277)}.teh-card__placeholder small{font-size:9px;letter-spacing:2px;font-weight:800;opacity:.7}.teh-card__placeholder strong{position:relative;z-index:1;width:85%;font-size:20px;font-weight:750;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.teh-card__placeholder>svg{position:absolute;right:13px;bottom:18px;width:75px;height:75px;opacity:.12}.teh-card__tag{position:absolute;left:13px;bottom:12px;padding:5px 8px;color:var(--teh-navy);background:#fffffff0;border:1px solid #fff8;border-radius:6px;font-size:9px;font-weight:750}.teh-card__placeholder:has(+.teh-card__tag){padding-bottom:44px}.teh-card__body{display:flex;flex-direction:column;flex:1;min-width:0;padding:19px}.teh .teh-card__category{margin:0 0 7px;color:#6b7c95;font-size:10px;font-weight:600;line-height:1.5}.teh-card h3{margin:0 0 14px;color:var(--teh-navy);font-size:16px;line-height:1.5;font-weight:750;letter-spacing:-.2px}.teh-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.teh-card h3 a:hover{color:var(--teh-blue)}.teh-card__durations{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0 0 16px;padding:0}.teh-card__durations li{list-style:none;margin:0;padding:4px 8px;border:1px solid #e2e8f2;border-radius:5px;color:#526683;background:#f8fafd;font-size:10px;font-weight:600;line-height:1.5}.teh .teh-card__notice{font-size:11px;line-height:1.5;color:#476249;margin:0 0 14px}.teh-card__footer{margin-top:auto}.teh-card__price{display:flex;flex-direction:column;gap:3px;margin:0 0 17px}.teh-card__price strong{font-size:18px;line-height:1.4;letter-spacing:-.3px;font-weight:800}.teh-card__price small{font-size:10px;color:var(--teh-muted)}.teh .teh-card__action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:11px 13px;border:1px solid #dbe5f5;border-radius:8px;color:var(--teh-blue);background:#f3f7ff;font-size:12px;font-weight:750;line-height:1.4;transition:background .2s,color .2s}.teh-card__action span{font-size:17px}.teh .teh-card__action:hover{color:#fff;background:var(--teh-blue);border-color:var(--teh-blue)}.teh-empty{text-align:center;padding:56px 22px;border:1px dashed #cad6e9;border-radius:16px;background:#fff;color:var(--teh-muted)}.teh-empty>svg{margin:0 auto 14px}.teh-empty h3{font-size:19px;margin:0 0 8px;color:var(--teh-navy);font-weight:700}.teh-empty p{margin:0 0 20px;font-size:13px}.teh-empty button{padding:11px 16px;border:0;border-radius:8px;background:var(--teh-navy);color:#fff;font-size:12px;font-weight:650}@media(min-width:1600px){.teh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.teh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teh-layout--categories:has(.teh-filters:not([hidden])){grid-template-columns:190px minmax(0,1fr)}.teh-tools{flex-wrap:wrap}.teh-search{flex-basis:40%}.teh-areas img{display:none}.teh-areas a{min-height:65px}}@media(max-width:767px){.teh{padding-top:12px;padding-bottom:32px}.teh-breadcrumb{margin-bottom:14px;font-size:11px}.teh-hero{padding:25px 22px;gap:15px;border-radius:16px;align-items:flex-start}.teh-hero p{font-size:12px;max-width:260px}.teh-hero h1{font-size:32px}.teh .teh-my-courses{padding:10px;font-size:11px;gap:7px}.teh-my-courses svg{width:18px;height:18px}.teh-my-courses>span{display:none}.teh-areas{display:flex;gap:8px;overflow:auto;margin:13px 0 27px;padding-bottom:5px;scrollbar-width:thin}.teh-areas a{flex:0 0 165px;padding:12px;min-height:59px}.teh-areas strong{font-size:11px}.teh-heading h2{font-size:23px}.teh-heading>p{font-size:11px}.teh-tools{gap:10px;padding:10px;margin-bottom:13px}.teh .teh-search{flex-basis:100%;height:44px}.teh-types{flex:1}.teh-types button{flex:1;font-size:11px;padding:9px}.teh-sort{margin-left:auto}.teh-sort label{display:none}.teh .teh-sort select{height:39px;max-width:160px;font-size:11px}.teh-layout--categories:has(.teh-filters:not([hidden])){grid-template-columns:minmax(0,1fr);gap:14px}.teh-filters{padding:4px}.teh-filters summary{padding:10px;font-size:12px}.teh-category-list{display:flex;overflow:auto;gap:6px;padding:2px 6px 8px;scrollbar-width:thin}.teh-category-list :is(button,a){flex:0 0 auto;width:auto;min-height:36px;padding:8px 10px;font-size:11px;gap:7px;white-space:nowrap;background:#f7f9fc}.teh-grid{gap:12px}.teh-card{border-radius:12px}.teh-card__body{padding:14px}.teh-card h3{font-size:14px;margin-bottom:11px}.teh-card__placeholder{padding:15px}.teh-card__placeholder strong{font-size:16px}.teh-card__tag{left:10px;bottom:8px;font-size:8px;padding:4px 6px}.teh-card__durations{gap:4px;margin-bottom:12px}.teh-card__durations li{font-size:9px;padding:3px 6px}.teh-card__price{margin-bottom:12px}.teh-card__price strong{font-size:16px}.teh .teh-card__action{font-size:11px;padding:9px 10px}}@media(max-width:480px){.teh-hero{display:block;padding:22px}.teh .teh-my-courses{display:inline-flex;margin-top:16px}.teh-grid{grid-template-columns:minmax(0,1fr)}.teh-card__cover{aspect-ratio:2}.teh-card__body{padding:18px}.teh-card h3{font-size:17px}.teh-card__placeholder strong{font-size:22px}.teh-card__price strong{font-size:19px}.teh-card__tag{font-size:10px}.teh-card__durations li{font-size:11px;padding:4px 9px}.teh .teh-card__action{font-size:12px}.teh-card__category{font-size:11px}}@media(prefers-reduced-motion:reduce){.teh *{transition:none!important}}@media(max-width:767px){.teh .teh-search input[type=search],.teh .teh-sort select{font-size:16px;min-height:44px}.teh .teh-sort select{max-width:190px}.teh .teh-types button,.teh .teh-category-list :is(button,a){min-height:44px;font-size:12px}}
