.homepage-split-container{grid-template-columns:1fr;gap:40px;max-width:1200px;margin:40px auto 0;padding:0 20px;display:grid}@media (width>=900px){.homepage-split-container{grid-template-columns:1fr 1fr;margin:60px auto 0;padding:0 40px}}@media (width<=899px){.left-half{order:2}.right-half.brand-card{order:1;min-height:auto;margin-bottom:20px}}.select-heading{color:var(--sl-color-gray-3);margin-bottom:16px;font-size:18px;font-weight:500}.discipline-scroll-box{flex-direction:column;max-height:400px;padding-right:16px;display:flex;overflow-y:auto}.discipline-link{color:var(--sl-color-white);border-bottom:1px solid var(--sl-color-gray-5);align-items:center;padding:18px 0;font-size:20px;font-weight:500;text-decoration:none;transition:color .2s,padding .2s;display:inline-flex;position:relative}.discipline-link:before,.discipline-link:after,.course-select-trigger:before,.course-select-trigger:after{color:#a865b5;opacity:0;font-weight:700;transition:opacity .2s,transform .2s}.discipline-link:before,.course-select-trigger:before{content:"|";margin-right:4px;transform:translate(-4px)}.discipline-link:after,.course-select-trigger:after{content:"⟩";margin-left:4px;transform:translate(4px)}.discipline-link:hover,.course-select-trigger:hover{color:#a865b5;padding-left:6px}.discipline-link:hover:before,.discipline-link:hover:after,.course-select-trigger:hover:before,.course-select-trigger:hover:after{opacity:1;transform:translate(0)}.discipline-scroll-box::-webkit-scrollbar{width:6px}.discipline-scroll-box::-webkit-scrollbar-track{background:0 0}.discipline-scroll-box::-webkit-scrollbar-thumb{background-color:#a865b5;border-radius:3px}.right-half.brand-card{background-color:#a865b5;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:400px;padding:40px;display:flex}.brand-domain{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px!important}.brand-tagline{color:#fff;opacity:.95;font-size:18px;font-weight:500;margin:0 0 6px!important}.brand-subtext{color:#fff;opacity:.85;font-size:15px;font-weight:400;margin:0!important}.brand-credits{border-top:1px solid #ffffff4d;padding-top:16px}.credits-heading{text-transform:lowercase;color:#fff;opacity:.75;font-size:14px;margin:0 0 4px!important}.credits-heading:not(:first-of-type){margin-top:14px!important}.credits-links{align-items:center;gap:8px;display:flex}.credits-links a{text-underline-offset:4px;font-size:16px;font-weight:600;transition:opacity .2s;color:#fff!important;text-decoration:underline!important}.credits-links a:hover{opacity:.8}.credit-separator{color:#fff;opacity:.75}.homepage-hero-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:60vh;margin-top:40px;display:flex}.homepage-logo-container{width:100%;max-width:180px}.homepage-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #0000001a);width:100%;height:auto}.homepage-brand-header{flex-direction:column;gap:4px;display:flex}.brand-main-title{color:var(--sl-color-white);letter-spacing:-.02em;font-weight:700;line-height:1.1;margin:0!important;font-size:42px!important}.brand-ipa-sub{color:var(--sl-color-gray-3);letter-spacing:.05em;font-size:18px;font-weight:500;margin:0!important}.homepage-lang-symbol .lang-icon{color:var(--sl-color-gray-3);margin-top:8px}.homepage-lang-selector{justify-content:center;align-items:center;gap:24px;display:flex}.lang-btn{border:2px solid var(--sl-color-gray-4);border-radius:8px;min-width:160px;padding:14px 44px;font-size:20px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--sl-color-white)!important;text-decoration:none!important}.lang-btn:hover{background-color:#a865b526;border-color:#a865b5;box-shadow:0 0 16px #a865b533;color:#a865b5!important}.course-list-end-line{border:0;border-top:2px solid var(--sl-color-gray-5);opacity:.6;margin:24px 0 0}.view-panel{flex-direction:column;height:100%;transition:opacity .3s,transform .3s;display:flex}.hidden-view{opacity:0;pointer-events:none;display:none!important}.active-view{opacity:1;animation:.3s forwards fadeSlideIn;display:flex!important}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}#topic-selector-view{justify-content:flex-start;gap:24px}.topic-header-row{border-bottom:1px solid #ffffff4d;align-items:center;gap:16px;padding-bottom:16px;display:flex}.circle-return-btn{border:2px solid var(--sl-color-text);background-color:var(--sl-color-bg);width:40px;height:40px;color:var(--sl-color-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.circle-return-btn:hover{background-color:var(--sl-color-text);color:var(--sl-color-bg);transform:scale(1.05)}.topic-list-container{flex-direction:column;gap:12px;max-height:250px;margin-top:8px;display:flex;overflow:hidden auto}.topic-sub-link,.topic-sub-link--desktop,.topic-sub-link--mobile{color:#fff;white-space:normal;overflow-wrap:break-word;background-color:#ffffff1a;border-radius:6px;padding:12px 16px;font-size:18px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .2s;display:block}.topic-sub-link:hover,.topic-sub-link--desktop:hover,.topic-sub-link--mobile:hover{background-color:#fff3;transform:translate(4px)}.no-topics-msg{color:#fff;opacity:.8;text-align:left;font-size:18px;font-style:italic;font-weight:500;margin-top:16px!important}@media (width>=900px){.selector-dashboard{align-items:start;gap:40px;max-width:1200px;margin:40px auto 0;padding:0 40px;grid-template-columns:1fr 420px!important;display:grid!important}.left-main-panel{flex-direction:column;display:flex}.right-purple-panel-pc{color:#fff;background-color:#a865b5;border-radius:8px;flex-direction:column;min-height:400px;padding:40px;box-shadow:0 4px 20px #a865b526;display:flex!important}#desktop-topics-list{flex-direction:column;gap:12px;max-height:450px;margin-top:20px;padding-right:8px;display:flex;overflow-y:auto}#desktop-topics-list::-webkit-scrollbar{width:6px}#desktop-topics-list::-webkit-scrollbar-track{background:0 0}#desktop-topics-list::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.selector-dashboard .bottom-sheet,.selector-dashboard .bottom-sheet-backdrop{display:none!important}}@media (width<=899px){.selector-dashboard{width:100%;margin:20px auto 0;padding:0 20px;display:block!important}.right-purple-panel-pc{display:none!important}.selector-dashboard .bottom-sheet-backdrop{z-index:9999;opacity:0;pointer-events:none;background-color:#0009;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.selector-dashboard .bottom-sheet-backdrop.active{opacity:1;pointer-events:auto}.selector-dashboard .bottom-sheet{z-index:10000;background-color:#1a1a1a;border-top:3px solid #a865b5;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-height:75vh;transition:transform .3s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}.selector-dashboard .bottom-sheet.active{transform:translateY(0)}.selector-dashboard .bottom-sheet-handle{cursor:grab;background-color:#ffffff4d;border-radius:3px;flex-shrink:0;width:40px;height:5px;margin:12px auto 8px}.selector-dashboard .bottom-sheet-content{flex-grow:1;padding:0 24px 40px;overflow-y:auto}.selector-dashboard .bottom-sheet-content::-webkit-scrollbar{width:6px}.selector-dashboard .bottom-sheet-content::-webkit-scrollbar-track{background:0 0}.selector-dashboard .bottom-sheet-content::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:3px}}.course-links-grid{flex-direction:column;margin-top:24px;display:flex}.course-select-trigger{color:var(--sl-color-white);border-bottom:1px solid var(--sl-color-gray-5);cursor:pointer;align-items:center;padding:18px 0;font-size:20px;font-weight:500;text-decoration:none;transition:color .2s,padding .2s;display:inline-flex;position:relative}.mobile-sheet,.mobile-backdrop{display:none!important}@media (width<=899px){.mobile-backdrop{z-index:9998;opacity:0;pointer-events:none;background:#0009;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0;display:block!important}.mobile-backdrop.active{opacity:1;pointer-events:auto}.mobile-sheet{z-index:9999;box-sizing:border-box;background-color:#1e1131;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-height:75vh;padding:24px;transition:transform .3s cubic-bezier(.25,1,.5,1);position:fixed;bottom:0;left:0;transform:translateY(100%);display:flex!important}.mobile-sheet.active{transform:translateY(0)}}