.lang-toggle.svelte-1mfkdvf{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary);padding:.5rem 1rem;font-family:var(--font-heading);font-size:1rem;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;border-radius:4px}.lang-toggle.svelte-1mfkdvf:hover{background:var(--accent-primary);color:var(--bg-primary)}nav.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:all .3s ease}nav.scrolled.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000080}.nav-container.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:block;width:50px;height:58px;background:linear-gradient(135deg,var(--led-blue) 0%,var(--led-magenta) 100%);-webkit-mask-image:url(../../../media/FANLOGO.svg);mask-image:url(../../../media/FANLOGO.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;text-decoration:none}ul.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:flex;list-style:none;gap:2rem;align-items:center}ul.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9{font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);transition:all .3s ease;position:relative}ul.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--fire-gradient);transition:width .3s ease}ul.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9:hover{color:var(--accent-primary)}ul.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9:hover:after{width:100%}.menu-toggle.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle.svelte-8s2mv9 span.svelte-8s2mv9.svelte-8s2mv9{display:block;width:24px;height:2px;background:var(--text-primary);position:relative;transition:all .3s ease}.menu-toggle.svelte-8s2mv9 span.svelte-8s2mv9.svelte-8s2mv9:before,.menu-toggle.svelte-8s2mv9 span.svelte-8s2mv9.svelte-8s2mv9:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-primary);transition:all .3s ease}.menu-toggle.svelte-8s2mv9 span.svelte-8s2mv9.svelte-8s2mv9:before{top:-8px}.menu-toggle.svelte-8s2mv9 span.svelte-8s2mv9.svelte-8s2mv9:after{bottom:-8px}.menu-toggle.svelte-8s2mv9 span.open.svelte-8s2mv9.svelte-8s2mv9{background:transparent}.menu-toggle.svelte-8s2mv9 span.open.svelte-8s2mv9.svelte-8s2mv9:before{transform:rotate(45deg);top:0}.menu-toggle.svelte-8s2mv9 span.open.svelte-8s2mv9.svelte-8s2mv9:after{transform:rotate(-45deg);bottom:0}@media (max-width: 768px){.menu-toggle.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:block;z-index:1001}ul.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#0a0a0afa;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.5rem;padding:100px 2rem 2rem;overflow-y:auto;transform:translate(100%);transition:transform .3s ease}ul.open.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{transform:translate(0)}ul.svelte-8s2mv9 li.svelte-8s2mv9.svelte-8s2mv9{width:100%;text-align:center}ul.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9{font-size:1.25rem;display:block;padding:.5rem 0}.auth-nav.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-nav.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{font-size:1rem!important}.user-dropdown.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{position:static;background:transparent;border:none;box-shadow:none;padding:0;margin-top:1rem}.user-menu-trigger.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{justify-content:center;width:100%}.user-dropdown.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9,.user-dropdown.svelte-8s2mv9 button.svelte-8s2mv9.svelte-8s2mv9{justify-content:center}.user-dropdown.svelte-8s2mv9 hr.svelte-8s2mv9.svelte-8s2mv9{margin:.75rem 0;border-color:#ffffff1a}.user-dropdown.svelte-8s2mv9 .role-link.svelte-8s2mv9.svelte-8s2mv9{padding:1rem;font-size:1.1rem}.user-dropdown.svelte-8s2mv9 .role-link.teacher.svelte-8s2mv9.svelte-8s2mv9{background:#39ff141a;border:1px solid rgba(57,255,20,.3);margin-bottom:.5rem}.user-dropdown.svelte-8s2mv9 .role-link.admin.svelte-8s2mv9.svelte-8s2mv9{background:#ff00ff1a;border:1px solid rgba(255,0,255,.3)}.role-nav-item.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9:first-of-type{margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.role-nav-item.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9{font-size:1.1rem!important;padding:.75rem 1.5rem!important;border-radius:8px}.role-nav-item.svelte-8s2mv9 .role-link.teacher.svelte-8s2mv9.svelte-8s2mv9{background:#39ff141a;border:1px solid rgba(57,255,20,.3)}.role-nav-item.svelte-8s2mv9 .role-link.host.svelte-8s2mv9.svelte-8s2mv9{background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.role-nav-item.svelte-8s2mv9 .role-link.admin.svelte-8s2mv9.svelte-8s2mv9{background:#ff00ff1a;border:1px solid rgba(255,0,255,.3)}.homepage-auth.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.homepage-auth.svelte-8s2mv9 .btn-nav.svelte-8s2mv9.svelte-8s2mv9{font-size:1.1rem;padding:.75rem 2rem}.mobile-user-header.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{position:absolute;top:1rem;left:1.5rem;width:auto;text-align:left}.mobile-user-menu.svelte-8s2mv9 .user-menu-trigger.svelte-8s2mv9.svelte-8s2mv9{background:#00f5ff1a;border:1px solid rgba(0,245,255,.3)}.mobile-user-menu.svelte-8s2mv9 .user-dropdown.svelte-8s2mv9.svelte-8s2mv9{position:absolute;top:calc(100% + .5rem);left:0;right:auto;min-width:220px;background:#0f1428fa;border:1px solid rgba(0,245,255,.3);padding:.5rem}.mobile-user-menu.svelte-8s2mv9 .user-dropdown.svelte-8s2mv9 a.svelte-8s2mv9,.mobile-user-menu.svelte-8s2mv9 .user-dropdown.svelte-8s2mv9 button.svelte-8s2mv9{justify-content:flex-start;padding:.875rem 1rem}.mobile-user-menu.svelte-8s2mv9 .role-link.teacher.svelte-8s2mv9.svelte-8s2mv9{background:#39ff141a!important}.mobile-user-menu.svelte-8s2mv9 .role-link.host.svelte-8s2mv9.svelte-8s2mv9{background:#ffd7001a!important}.mobile-user-menu.svelte-8s2mv9 .role-link.admin.svelte-8s2mv9.svelte-8s2mv9{background:#ff00ff1a!important}.mobile-user-header.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:block}.desktop-auth.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:none}}.auth-nav.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:flex;align-items:center;gap:.75rem}.homepage-auth.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{margin-left:.5rem}.mobile-user-header.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:none}.auth-loading.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{width:20px;height:20px;border:2px solid rgba(0,245,255,.3);border-top-color:var(--led-cyan);border-radius:50%;animation:svelte-8s2mv9-spin .8s linear infinite}@keyframes svelte-8s2mv9-spin{to{transform:rotate(360deg)}}.btn-nav.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{padding:.5rem 1rem;font-family:var(--font-body);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;transition:all .3s ease;text-decoration:none}.btn-nav.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9:after{display:none}.btn-login.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{color:var(--led-cyan);border-color:var(--led-cyan)}.btn-login.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9:hover{background:var(--led-cyan);color:var(--bg-void)}.user-menu-container.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{position:relative}.user-menu-trigger.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.user-menu-trigger.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9:hover{border-color:var(--led-cyan);background:#00f5ff26}.user-avatar.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{width:28px;height:28px;border-radius:50%;background:var(--spectrum-gradient);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--bg-void);text-transform:uppercase}.user-name.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{transition:transform .2s ease}.chevron.open.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{transform:rotate(180deg)}.user-dropdown.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:#0f1428fa;border:1px solid rgba(0,245,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002;padding:.5rem}.user-dropdown.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9,.user-dropdown.svelte-8s2mv9 button.svelte-8s2mv9.svelte-8s2mv9{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;text-align:left;text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.user-dropdown.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9:after{display:none}.user-dropdown.svelte-8s2mv9 a.svelte-8s2mv9.svelte-8s2mv9:hover,.user-dropdown.svelte-8s2mv9 button.svelte-8s2mv9.svelte-8s2mv9:hover{color:var(--text-primary);background:#00f5ff1a}.user-dropdown.svelte-8s2mv9 hr.svelte-8s2mv9.svelte-8s2mv9{border:none;border-top:1px solid rgba(0,245,255,.1);margin:.5rem 0}.logout-btn.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{color:var(--led-red)!important}.logout-btn.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9:hover{background:#ff33331a!important}.role-link.teacher.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{color:var(--led-green)!important}.role-link.teacher.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9:hover{background:#39ff141a!important}.role-link.host.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{color:var(--led-yellow, #ffd700)!important}.role-link.host.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9:hover{background:#ffd7001a!important}.role-link.admin.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9{color:var(--led-magenta)!important}.role-link.admin.svelte-8s2mv9.svelte-8s2mv9.svelte-8s2mv9:hover{background:#ff00ff1a!important}