.grade-switcher{position:relative}.grade-switcher-button{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff40;border:2px solid #fff9;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex}.grade-switcher-button:hover{background:#fff6;transform:translateY(-1px)}.grade-switcher-caret{font-size:.75rem}.grade-switcher-menu{z-index:50;background:#fff;border-radius:12px;min-width:180px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000040}.grade-switcher-option{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem;font-weight:600;transition:background .2s}.grade-switcher-option:hover{background:#f0eefc}.grade-switcher-option.active{color:#764ba2}@media (max-width:640px){.grade-switcher-button{padding:6px 12px;font-size:.8rem}}
.global-header{z-index:1000;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);padding:15px 20px;position:sticky;top:0;box-shadow:0 4px 15px #00000026}.header-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.header-logo-section{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:12px;padding:8px 15px;text-decoration:none;transition:all .3s;display:flex}.header-logo-section:hover{background:#ffffff1a;transform:translateY(-2px)}.header-logo{object-fit:cover;border-radius:10px;width:45px;height:45px;transition:transform .3s;box-shadow:0 3px 10px #0003}.header-logo-section:hover .header-logo{transform:scale(1.05)}.header-branding{flex-direction:column;gap:0;display:flex}.domain-name{color:#fff;text-shadow:1px 1px 2px #0003;margin:0;font-size:1.2rem;font-weight:700;line-height:1}.domain-url{color:#fffffff2;letter-spacing:.5px;margin:2px 0 0;font-size:.75rem;font-weight:500}.header-nav{align-items:center;gap:10px;display:flex}.nav-link{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:2px solid #ffffff4d;border-radius:25px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .3s}.nav-link:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}@media (max-width:768px){.global-header{padding:12px 15px}.header-logo{width:40px;height:40px}.header-logo-section{gap:10px;padding:6px 10px}.domain-name{font-size:1rem}.domain-url{font-size:.7rem}.header-nav{gap:8px}.nav-link{padding:6px 14px;font-size:.85rem}}@media (max-width:480px){.global-header{padding:10px 12px}.header-logo{border-radius:8px;width:38px;height:38px}.header-logo-section{gap:8px;padding:5px 8px}.domain-name{font-size:.95rem}.domain-url{font-size:.65rem}.header-nav{gap:5px}.nav-link{padding:5px 10px;font-size:.75rem}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{min-height:100vh}button{font-family:inherit}button:focus{outline-offset:2px;outline:2px solid #11998e}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}