@font-face{font-family:Kenyan Coffee;src:local("Kenyan Coffee"),local("KenyanCoffee"),url(/fonts/Kenyan%20Coffee%20Rg.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kenyan Coffee;src:local("Kenyan Coffee"),local("KenyanCoffee"),url(/fonts/Kenyan%20Coffee%20Rg%20It.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Kenyan Coffee;src:local("Kenyan Coffee"),local("KenyanCoffee"),url(/fonts/Kenyan%20Coffee%20Bd.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Kenyan Coffee;src:local("Kenyan Coffee"),local("KenyanCoffee"),url(/fonts/Kenyan%20Coffee%20Bd%20It.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.my-4{margin-top:1rem;margin-bottom:1rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-16{height:4rem}.w-16{width:4rem}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b-4{border-bottom-width:4px}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.border-purple-700{--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.italic{font-style:italic}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--font-main: "Kenyan Coffee", sans-serif;--font-size-base: 22px;--letter-spacing-base: .03em;--line-height-base: 1.2;--line-height-tight: 1.05;--btn-hover-scale: 1.08;--btn-hover-lift: -4px;--btn-glow-color: rgba(242, 201, 76, .26);--btn-glow-soft: rgba(242, 201, 76, .16);--btn-shadow-strong: rgba(242, 201, 76, .36);--card-hover-scale: 1.01;--card-hover-lift: -6px;--card-glow-soft: rgba(242, 201, 76, .5);--card-shadow-strong: rgba(0, 0, 0, .45);--brand-emblem: url(/brand/myth-emblem.png);--brand-emblem-size: clamp(300px, 44vw, 600px);--brand-emblem-opacity: .12;--bg-main: #0e0f13;--bg-card: #161821;--bg-card-hover: #1a1c28;--text-main: #e5e7eb;--text-muted: #9ca3af;--text-dark: #1a1a1a;--myth-silver: #bfc3c8;--academy-gold: #f2c94c;--gold-light: #ffe08a;--cta-gold: #f2c94c;--cta-hover: #e0b93f;--border-subtle: #232533;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--locked: #4b5563;--rank-novato: #cd7f32;--rank-aspirante: #c0c0c0;--rank-mestre: #ffd700;--rank-lenda: #9333ea}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-base)}body{font-family:var(--font-main);font-size:1rem;letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base);background:var(--bg-main);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;position:relative;isolation:isolate}#root:before{content:"";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--brand-emblem-size);height:var(--brand-emblem-size);opacity:var(--brand-emblem-opacity);background-image:var(--brand-emblem);background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:0}#root>*{position:relative;z-index:1}h1,h2,h3,.card-title,.stat-value,.xp-current,.dashboard-header h1{line-height:var(--line-height-tight)}.cinzel{font-family:var(--font-main)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#11131a}::-webkit-scrollbar-thumb{background:#2b2f3f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b4156}.app-shell{display:flex;min-height:100vh;background:transparent}.sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border-subtle);padding:1.5rem 0;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0}.sidebar-logo{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.sidebar-logo h1{font-family:var(--font-main);font-size:1.2rem;letter-spacing:2px}.brand-myth{color:var(--myth-silver)}.brand-academy{color:var(--academy-gold)}.sidebar-nav{flex:1;padding:1.5rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-muted);text-decoration:none;transition:all .3s;border-left:3px solid transparent}.nav-item:hover{background:#f2c94c0d;color:var(--text-main)}.nav-item.active{background:#f2c94c1a;color:var(--academy-gold);border-left-color:var(--academy-gold)}.sidebar-user{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--academy-gold),var(--cta-hover));display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-dark)}.user-info{flex:1}.user-name{font-size:.875rem;font-weight:500}.user-rank{font-size:.75rem;color:var(--rank-aspirante)}.content-shell{margin-left:0;flex:1;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0f13e6;border-bottom:1px solid var(--border-subtle);padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.topbar-brand{display:flex;align-items:center;gap:.75rem;font-family:var(--font-main);letter-spacing:2px}.topbar-brand .brand-myth{color:var(--myth-silver)}.topbar-brand .brand-academy{color:var(--academy-gold)}.topbar-stats{display:flex;gap:1.5rem;align-items:center;color:var(--text-muted);font-size:.875rem}.topbar-stat{display:flex;align-items:center;gap:.5rem}.topbar-actions{display:flex;align-items:center;gap:.75rem}.mobile-header{display:none}.mobile-header-top{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0f13e0}.mobile-brand{font-family:var(--font-main);letter-spacing:.2rem;font-size:1rem}.mobile-menu-toggle{border:1px solid var(--border-subtle);background:#161821b3;color:var(--text-main);font-size:.85rem;padding:.55rem .9rem;border-radius:10px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.mobile-menu-toggle:hover{border-color:#f2c94c80;color:var(--academy-gold);transform:translateY(-1px)}.mobile-nav{display:none;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem 1rem;background:#0e0f13eb;border-bottom:1px solid var(--border-subtle)}.mobile-nav.open{display:flex}.mobile-nav-pill{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;border-radius:12px;border:1px solid var(--border-subtle);color:var(--text-muted);text-decoration:none;font-size:.9rem;background:#161821b3;transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease}.mobile-nav-pill.active{color:var(--academy-gold);border-color:#f2c94c80;background:#f2c94c14}.mobile-nav-pill:hover{color:var(--text-main);transform:translateY(-1px)}.topbar-notifications{position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;background:var(--academy-gold);color:var(--text-dark);font-size:.65rem;font-weight:700;border-radius:999px;padding:2px 6px}.notification-menu{position:absolute;left:0;top:120%;min-width:220px;background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 12px 30px #00000026;padding:.75rem;z-index:1200}.notification-item{padding:.5rem .25rem;border-bottom:1px solid var(--border-subtle);cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-link{display:block;width:100%;text-align:left;background:transparent;border:none;padding:0;color:inherit;cursor:pointer}.notification-title{font-weight:600}.notification-desc{font-size:.85rem;color:var(--text-muted)}.notification-empty{color:var(--text-muted);font-size:.85rem}.lesson-status{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.lesson-status.available{background:#628dff1f;color:#628dff}.lesson-status.in-progress{background:#f4b40026;color:#d49c00}.lesson-status.completed{background:#2ecc712e;color:#2ecc71}.lesson-status.locked{background:#ffffff14;color:var(--text-muted)}.topbar-nav{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.topbar-link{color:var(--text-muted);text-decoration:none;padding:.5rem .85rem;border-radius:8px;transition:all .2s ease;font-size:.9rem}.topbar-link:hover,.topbar-link.active{color:var(--academy-gold);background:#f2c94c14}.topbar-link-disabled{opacity:.6;cursor:default;pointer-events:none}.main-content{flex:1;padding:2rem;position:relative;z-index:2}.page-loading-bar{position:absolute;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#f2c94c1a,#f2c94c99,#f2c94c1a);animation:page-loading-slide .6s ease-in-out infinite;border-radius:999px}@keyframes page-loading-slide{0%{transform:translate(-70%);opacity:.3}50%{transform:translate(0);opacity:.9}to{transform:translate(70%);opacity:.3}}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;position:relative;z-index:0;overflow:visible;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;will-change:transform,box-shadow;--glow-x: 50%;--glow-y: 50%;--glow-opacity: 0}.card:hover{background:var(--bg-card-hover);border-color:#f2c94c59;transform:translateY(var(--card-hover-lift)) scale(var(--card-hover-scale));box-shadow:0 18px 40px var(--card-shadow-strong),0 0 22px var(--card-glow-soft);--glow-opacity: .35}.card:after,.stat-item:after,.xp-bar-container:after,.quiz-card:after,.auth-card:after,.profile-stat:after,.leaderboard-row:after,.trail-shell:after,.badge-card:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:22px;background:radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(242,201,76,.16) 0%,transparent 58%);opacity:var(--glow-opacity, 0);filter:blur(20px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:-1}.stat-item,.xp-bar-container,.quiz-card,.auth-card,.profile-stat,.leaderboard-row,.trail-shell,.badge-card{position:relative;z-index:0;overflow:visible;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;will-change:transform,box-shadow;--glow-x: 50%;--glow-y: 50%;--glow-opacity: 0}.stat-item:hover,.xp-bar-container:hover,.quiz-card:hover,.auth-card:hover,.profile-stat:hover,.leaderboard-row:hover,.trail-shell:hover,.badge-card:hover{border-color:#f2c94c59;transform:translateY(var(--card-hover-lift)) scale(var(--card-hover-scale));box-shadow:0 18px 40px var(--card-shadow-strong),0 0 22px var(--card-glow-soft);--glow-opacity: .35}.card:hover:after,.stat-item:hover:after,.xp-bar-container:hover:after,.quiz-card:hover:after,.auth-card:hover:after,.profile-stat:hover:after,.leaderboard-row:hover:after,.trail-shell:hover:after,.badge-card:hover:after{transform:scale(1.02)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600}.card-action{font-size:.75rem;color:var(--academy-gold);text-decoration:none}.btn-primary{background:var(--cta-gold);color:var(--text-dark);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;position:relative;overflow:visible;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,filter .2s ease;will-change:transform,box-shadow,filter}.btn-primary:hover{background:var(--cta-hover);transform:translateY(-3px) scale(var(--btn-hover-scale));box-shadow:0 12px 26px var(--btn-shadow-strong),0 0 24px var(--btn-glow-soft);filter:drop-shadow(0 0 12px var(--btn-glow-soft))}.btn-secondary{background:transparent;color:var(--academy-gold);border:1px solid var(--academy-gold);border-radius:8px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;position:relative;overflow:visible;transform:translateZ(0);transition:transform .2s ease,background .2s ease,box-shadow .2s ease,filter .2s ease;will-change:transform,box-shadow,filter}.btn-secondary:hover{background:#f2c94c14;transform:translateY(-3px) scale(var(--btn-hover-scale));box-shadow:0 10px 22px var(--btn-glow-soft),0 0 18px var(--btn-glow-soft);filter:drop-shadow(0 0 10px var(--btn-glow-soft))}.btn-ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-main);border-radius:8px;padding:.6rem 1rem;cursor:pointer;position:relative;overflow:visible;transform:translateZ(0);transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,filter .2s ease;will-change:transform,box-shadow,filter}.btn-ghost:hover{border-color:var(--academy-gold);color:var(--academy-gold);transform:translateY(-3px) scale(var(--btn-hover-scale));box-shadow:0 10px 22px #f2c94c29,0 0 18px #f2c94c1f;filter:drop-shadow(0 0 10px rgba(242,201,76,.14))}.btn-ghost:disabled{opacity:.55;cursor:not-allowed}button,.btn-primary,.btn-secondary,.btn-ghost{position:relative;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;will-change:transform,box-shadow,filter}button:after,.btn-primary:after,.btn-secondary:after,.btn-ghost:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:inherit;background:radial-gradient(circle,var(--btn-glow-color) 0%,transparent 70%);opacity:0;filter:blur(14px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:-1}button:hover,.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover{transform:translateY(var(--btn-hover-lift)) scale(var(--btn-hover-scale));box-shadow:0 12px 26px var(--btn-shadow-strong),0 0 26px var(--btn-glow-soft);filter:drop-shadow(0 0 14px var(--btn-glow-soft))}button:hover:after,.btn-primary:hover:after,.btn-secondary:hover:after,.btn-ghost:hover:after{opacity:1;transform:scale(1.04)}button:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{transform:none;box-shadow:none;filter:none}button:disabled:after,.btn-primary:disabled:after,.btn-secondary:disabled:after,.btn-ghost:disabled:after{opacity:0}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--academy-gold)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:linear-gradient(135deg,#0e0f13,#161821);position:relative;overflow:hidden}.auth-container{width:100%;max-width:440px;z-index:2;position:relative}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{font-family:var(--font-main);font-size:2.5rem;letter-spacing:4px}.auth-logo .myth{color:var(--myth-silver)}.auth-logo .academy{color:var(--academy-gold)}.auth-logo p{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.auth-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.875rem}.auth-footer a{color:var(--academy-gold);text-decoration:none}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.dashboard-header h1{font-size:1.8rem;font-weight:600}.dashboard-header p{color:var(--text-muted);margin-top:.25rem}.dashboard-welcome{min-width:360px;max-width:420px;padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.4rem}.dashboard-welcome h1{font-size:1.4rem}.dashboard-welcome p{font-size:.9rem}.welcome-subtitle{display:inline-block;color:var(--text-muted)}.dashboard-welcome:hover .welcome-subtitle{color:transparent;background:linear-gradient(90deg,#f2c94c33,#ffe08af2,#f2c94c33);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 12px rgba(242,201,76,.35);animation:welcome-wave 1.8s ease-in-out infinite}@keyframes welcome-wave{0%{background-position:0% 50%;transform:translateY(0)}50%{background-position:100% 50%;transform:translateY(-2px)}to{background-position:0% 50%;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dashboard-welcome:hover .welcome-subtitle{animation:none}}.header-stats{display:flex;gap:1.5rem}.header-stat{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.dashboard-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;min-width:360px}.xp-bar-compact{padding:1.1rem 1.3rem;min-width:360px;max-width:420px}.xp-bar-compact .xp-header{margin-bottom:.5rem}.xp-bar-compact .rank-badge{width:30px;height:30px;font-size:.9rem}.xp-bar-compact .xp-rank span,.xp-bar-compact .xp-current{font-size:1.1rem}.xp-bar-compact .xp-next{font-size:.85rem}.xp-bar-compact .xp-bar{height:8px}.xp-bar-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;margin-bottom:2rem}.xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.xp-rank{display:flex;align-items:center;gap:.5rem}.xp-info{text-align:right}.xp-current{font-weight:600;color:var(--academy-gold)}.xp-next{font-size:.75rem;color:var(--text-muted)}.rank-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.rank-badge.aspirante{background:linear-gradient(135deg,silver,#a0a0a0);color:var(--text-dark)}.xp-bar{height:8px;background:#0f1118;border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--academy-gold),var(--gold-light));border-radius:4px;transition:width .5s ease}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.lesson-thumbnail{width:120px;height:68px;background:linear-gradient(135deg,#232533,#1a1c28);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--academy-gold);font-size:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.stat-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1rem}.stat-value{font-size:1.6rem;color:var(--academy-gold);font-weight:600}.trail-shell{display:flex;flex-direction:column;align-items:center;gap:2rem;background:linear-gradient(180deg,#0e0f13,#12141a,#0e0f13);padding:2rem;border-radius:16px;border:1px solid var(--border-subtle)}.trail-header{text-align:center}.trail-header h1{font-family:var(--font-main);font-size:2rem;color:var(--academy-gold)}.trail-progress{color:var(--text-muted)}.trail-path{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1rem}.trail-node{display:flex;align-items:center;gap:1rem;padding:.5rem}.trail-node.reverse{flex-direction:row-reverse}.node-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s;flex-shrink:0}.node-circle.completed{background:linear-gradient(135deg,var(--success),#059669);box-shadow:0 0 20px #10b98166}.node-circle.current{background:linear-gradient(135deg,var(--academy-gold),var(--cta-hover));box-shadow:0 0 25px #f2c94c80;animation:pulse 2s ease-in-out infinite}.node-circle.locked{background:var(--bg-card);border:2px dashed var(--locked);color:var(--locked)}.node-circle.available{background:var(--bg-card);border:2px solid var(--academy-gold);color:var(--academy-gold)}.node-info{flex:1}.node-title{font-weight:500;margin-bottom:.25rem}.node-meta{font-size:.75rem;color:var(--text-muted)}.node-xp{color:var(--academy-gold);font-weight:500}.trail-connector{width:3px;height:30px;margin-left:28px;background:var(--border-subtle)}.trail-connector.completed{background:linear-gradient(180deg,var(--success),var(--success))}.module-separator{text-align:center;padding:1.5rem 0;position:relative;color:var(--text-muted)}.module-separator:before,.module-separator:after{content:"";position:absolute;top:50%;width:120px;height:1px;background:var(--border-subtle)}.module-separator:before{left:0}.module-separator:after{right:0}.quiz-shell{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.quiz-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem}.quiz-question{font-size:1.1rem;margin-bottom:1.5rem}.quiz-options{display:grid;gap:.75rem}.quiz-option{padding:.9rem 1rem;border:1px solid var(--border-subtle);border-radius:10px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.quiz-option:hover{border-color:var(--academy-gold)}.quiz-option.selected{border-color:var(--academy-gold);background:#f2c94c1a}.option-letter{width:28px;height:28px;border-radius:50%;background:var(--bg-main);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--academy-gold)}.quiz-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.lesson-contents{display:flex;flex-direction:column;gap:.75rem}.lesson-content-list{display:grid;gap:1rem}.lesson-content-single{margin-top:.25rem}.lesson-content-item{background:#0e0f1366;border:1px solid var(--border-subtle);border-radius:14px;padding:1rem}.lesson-content-spotlight{max-width:980px;margin:0 auto;padding:1.25rem;background:#0c0e1499}.lesson-content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.lesson-content-title{font-weight:600}.lesson-content-desc{color:var(--text-muted);font-size:.9rem}.lesson-content-tag{font-size:.7rem;padding:.25rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;background:#f2c94c1f;color:var(--academy-gold);border:1px solid rgba(242,201,76,.35)}.lesson-content-tag.type-1{background:#3b82f61f;color:#60a5fa;border-color:#3b82f659}.lesson-content-tag.type-2{background:#10b9811f;color:#34d399;border-color:#10b98159}.lesson-content-body,.lesson-document-block{display:grid;gap:.75rem}.document-reader{max-height:320px;overflow-y:auto;background:#0f1118;border:1px solid var(--border-subtle);border-radius:12px;padding:1rem}.document-reader-large{max-height:520px;font-size:1rem}.document-text{white-space:pre-wrap;font-family:inherit;color:var(--text-main)}.lesson-image{width:100%;height:auto;border-radius:14px;border:1px solid var(--border-subtle);display:block}.lesson-image-large{max-height:520px;-o-object-fit:contain;object-fit:contain;background:#0f1118}.lesson-audio{width:100%}.lesson-pdf{width:100%;height:360px;border-radius:12px;border:1px solid var(--border-subtle);background:#0f1118}.lesson-pdf-large{height:520px}.lesson-media-actions{display:flex;justify-content:flex-end;gap:.5rem}.lesson-quiz-shell{max-width:860px;margin:0 auto}.lesson-quiz-card{text-align:left}.lesson-quiz-actions{display:flex;gap:.75rem;margin-top:1rem}.youtube-shell{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#0f1118;border:1px solid var(--border-subtle);box-shadow:0 16px 32px #00000059}.youtube-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff08;pointer-events:none}.youtube-frame,.youtube-shell iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.profile-shell{display:flex;flex-direction:column;gap:2rem}.profile-header{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.profile-header>div:last-child{flex:1;min-width:0}.profile-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-avatar-large{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--academy-gold),var(--cta-hover));display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-dark);font-weight:600;overflow:hidden}.profile-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.profile-avatar-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.profile-rank{color:var(--academy-gold);margin:.25rem 0 1rem}.profile-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;width:100%}.profile-stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem;text-align:center}.profile-stat-value{font-size:1.2rem;color:var(--academy-gold);font-weight:600}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.badge-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.badge-card-earned{border-color:#f2c94c99;box-shadow:0 12px 28px #f2c94c2e}.badge-card-locked{opacity:.55}.badge-earned-tag{margin-top:.75rem;display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .75rem;border-radius:999px;background:#10b98126;color:var(--success);font-weight:600;font-size:.75rem}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 120px 120px;gap:1rem;align-items:center;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-card)}.leaderboard-user{display:flex;align-items:center;gap:.75rem}.leaderboard-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--academy-gold),var(--cta-hover));display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-dark);overflow:hidden;flex-shrink:0}.leaderboard-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.leaderboard-row.highlight{border-color:#f2c94cb3;box-shadow:0 10px 24px #f2c94c26}.leaderboard-position{font-weight:700;color:var(--academy-gold)}.leaderboard-metrics{display:flex;flex-direction:column;gap:.25rem;text-align:right;color:var(--text-muted)}.stat-icon{transition:transform .2s ease,filter .2s ease,color .2s ease;will-change:transform,filter}.stat-icon-fire{--fire-glow: 10px;--fire-alpha: .35;color:#f59e0b}.stat-icon-star{color:var(--academy-gold)}.topbar-stat:hover .stat-icon-fire,.topbar-stat:hover .stat-icon-star,.card:hover .stat-icon-fire,.card:hover .stat-icon-star{transform:scale(1.08)}.topbar-stat:hover .stat-icon-fire,.card:hover .stat-icon-fire{filter:drop-shadow(0 0 var(--fire-glow) rgba(245,158,11,var(--fire-alpha))) drop-shadow(0 0 calc(var(--fire-glow) + 10px) rgba(255,209,102,calc(var(--fire-alpha) * .75))) drop-shadow(0 0 calc(var(--fire-glow) + 16px) rgba(255,120,0,calc(var(--fire-alpha) * .35)));color:#ff7a18}.topbar-stat:hover .stat-icon-star,.card:hover .stat-icon-star{filter:drop-shadow(0 0 14px rgba(242,201,76,.5)) drop-shadow(0 0 22px rgba(255,224,138,.32))}.topbar-stat:hover .stat-icon-fire,.card:hover .stat-icon-fire{animation:fire-flicker .75s ease-in-out infinite}@keyframes fire-flicker{0%{transform:scale(1.08) rotate(-3deg)}35%{transform:scale(1.14) rotate(3deg)}70%{transform:scale(1.06) rotate(-2deg)}to{transform:scale(1.12) rotate(2deg)}}.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.admin-user-info{min-width:0}.admin-user-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.admin-user-xp{color:var(--academy-gold);font-weight:600}.admin-user-status{color:var(--warning);font-weight:600}.admin-user-btn{padding:.45rem .8rem}.admin-user-meta{margin-bottom:.35rem}.rpg-bg{position:relative}.mascots-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--mascot-layer-z, 3);overflow:hidden;--mascot-mx: 0px;--mascot-my: 0px;--mascot-size: clamp(340px, 32vw, 480px)}.mascot-anchor{position:fixed;width:var(--mascot-size);height:var(--mascot-size);display:flex;align-items:flex-end;justify-content:center;pointer-events:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));background:transparent;transform:translate(-50%,-50%) translate(var(--mascot-mx, 0px),var(--mascot-my, 0px));transition:left .6s ease,top .6s ease,transform .22s ease-out,opacity .2s ease}.mascot-anchor.mascot-teleport{transition:transform .22s ease-out,opacity .2s ease}.mascot-anchor.mascot-hidden{opacity:0}.mascot-behavior,.mascot-motion,.mascot-facing{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.mascot-facing{position:relative}.mascot-facing:after{content:"";position:absolute;bottom:20%;left:50%;--shadow-offset: -33%;width:25%;height:10%;transform:translate(calc(-50% + var(--shadow-offset)));background:#00000059;filter:blur(4px);border-radius:50%;z-index:0}.mascot-behavior,.mascot-motion,.mascot-character{transition:transform .22s ease-out,filter .22s ease-out,opacity .22s ease-out;will-change:transform}.mascot-face-left{transform:scaleX(-1)}.mascot-face-right,.mascot-face-lock.mascot-face-left,.mascot-face-lock.mascot-face-right{transform:scaleX(1)}.mascot-image{width:100%;height:auto;display:block;background:transparent;mix-blend-mode:normal}.mascot-character{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:1;animation:mascot-idle 6.2s ease-in-out infinite;transform-origin:center bottom}.mascot-hover .mascot-character{animation:mascot-idle 5s ease-in-out infinite,mascot-tilt 1.6s ease-in-out;filter:drop-shadow(0 0 18px rgba(250,204,21,.35))}.mascot-svg{width:100%;height:100%;display:block;background:transparent}.mascot-sprite{width:var(--mascot-size);height:var(--mascot-size);display:block;-o-object-fit:contain;object-fit:contain}.mascot-eye{transform-origin:center;animation:mascot-blink 5s infinite}.mascot-anchor.mascot-entrance .mascot-motion{animation:mascot-enter .7s ease-out}.mascot-anchor.mascot-exit .mascot-motion{animation:mascot-exit .7s ease-in}.mascot-anchor.mascot-click .mascot-motion{animation:mascot-pop .6s ease-in-out}.mascot-behavior-walk{animation:mascot-walk-cycle 8s ease-in-out infinite}.mascot-behavior-walk .mascot-character{animation-duration:3.6s}.mascot-behavior-focus{animation:mascot-lean 6s ease-in-out infinite}.mascot-behavior-focus .mascot-eye{animation:mascot-blink 7s infinite,mascot-look 4.6s ease-in-out infinite}.mascot-behavior-reading{animation:mascot-read 7s ease-in-out infinite}.mascot-behavior-wave{animation:mascot-wave-body 8s ease-in-out infinite}.mascot-behavior-guard{animation:mascot-guard 9s ease-in-out infinite}@keyframes mascot-enter{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mascot-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:.7}}@keyframes mascot-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes mascot-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes mascot-walk-cycle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mascot-lean{0%,to{transform:translate(0) rotate(-1deg)}50%{transform:translate(6px) rotate(1deg)}}@keyframes mascot-read{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(6px) rotate(-1deg)}}@keyframes mascot-wave-body{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes mascot-guard{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mascot-blink{0%,92%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}96%{transform:scaleY(1)}}@keyframes mascot-look{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.page-transition{animation:page-enter .35s ease}.page-exit .page-transition{animation:page-exit .35s ease forwards}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.mascot-react-login{animation:mascot-jump .6s ease-in-out}.mascot-react-register{animation:mascot-spin .8s ease-in-out}.mascot-react-generate{animation:mascot-pulse 1s ease-in-out}.mascot-react-quiz-start,.mascot-react-quiz-next,.mascot-react-quiz-submit{animation:mascot-wave .8s ease-in-out}.mascot-react-answer{animation:mascot-nod .6s ease-in-out}.mascot-react-success{animation:mascot-celebrate 1s ease-in-out}.mascot-react-celebrate{animation:mascot-celebrate-strong 1.2s ease-in-out}.mascot-react-hover{animation:mascot-wiggle .6s ease-in-out}.mascot-react-error{animation:mascot-shake .5s ease-in-out}.mascot-react-navigate,.mascot-react-back,.mascot-react-previous,.mascot-react-profile,.mascot-react-logout{animation:mascot-wiggle .6s ease-in-out}@keyframes mascot-jump{0%{transform:translateY(0)}50%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes mascot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mascot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes mascot-wave{0%{transform:rotate(0)}50%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes mascot-nod{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes mascot-celebrate{0%{transform:scale(1)}50%{transform:scale(1.12) rotate(4deg)}to{transform:scale(1)}}@keyframes mascot-celebrate-strong{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1.14) rotate(6deg)}70%{transform:translateY(4px) scale(1.05) rotate(-4deg)}to{transform:translateY(0) scale(1)}}@keyframes mascot-tilt{0%{transform:rotate(0)}50%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes mascot-shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes mascot-wiggle{0%{transform:rotate(0)}50%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.animate-float{animation:float 3s ease-in-out infinite}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(245,158,11,.9) 0 6px,transparent 7px),radial-gradient(circle,rgba(59,130,246,.9) 0 5px,transparent 6px),radial-gradient(circle,rgba(16,185,129,.9) 0 4px,transparent 5px),radial-gradient(circle,rgba(239,68,68,.9) 0 5px,transparent 6px);background-size:120px 120px,160px 160px,140px 140px,180px 180px;animation:confetti-fall 4s linear forwards;z-index:999}@keyframes confetti-fall{0%{transform:translateY(-20%);opacity:0}10%{opacity:1}to{transform:translateY(120%);opacity:0}}@media (max-width: 1024px){.sidebar{position:static;width:100%;height:auto}.content-shell{margin-left:0}.app-shell{flex-direction:column}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 720px){.topbar{display:none}.mobile-header{display:block;position:sticky;top:0;z-index:12;border-bottom:1px solid var(--border-subtle);background:#0e0f13e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mascots-layer{z-index:0!important}.topbar{flex-direction:column;align-items:flex-start;gap:1rem}.trail-node,.trail-node.reverse{flex-direction:column;align-items:flex-start}}.rich-text-editor{position:relative;border:1px solid var(--border-subtle);border-radius:12px;background:#13151d;overflow:hidden}.rte-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem;border-bottom:1px solid var(--border-subtle);background:#1b1e28}.rte-toolbar button{font-family:var(--font-main);background:#0f1118;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:8px;padding:.35rem .6rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.rte-toolbar button:hover{border-color:var(--academy-gold);background:#171a25;transform:translateY(-1px)}.rte-toolbar button:active{transform:translateY(0)}.rte-content{min-height:380px;padding:.75rem;outline:none;background:#0f1118;color:var(--text-main);border-radius:0 0 12px 12px}.rte-content>*{margin:0 0 .65rem}.rte-content>*:last-child{margin-bottom:0}.rte-content>*:hover{outline:1px dashed rgba(242,201,76,.25);outline-offset:4px}.rte-content:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.rte-content h1,.rich-text-output h1{font-size:1.4rem;margin:.4rem 0}.rte-content h2,.rich-text-output h2{font-size:1.2rem;margin:.4rem 0}.rte-content h3,.rich-text-output h3{font-size:1.05rem;margin:.4rem 0}.rte-content ul,.rte-content ol,.rich-text-output ul,.rich-text-output ol{padding-left:1.2rem;margin:.4rem 0;list-style-position:outside}.rte-content ul,.rich-text-output ul{list-style-type:disc}.rte-content ol,.rich-text-output ol{list-style-type:decimal}.rte-content a,.rich-text-output a{color:var(--academy-gold);text-decoration:underline;cursor:pointer;word-break:break-word}.rich-text-output{background:#0f1118;border:1px solid var(--border-subtle);border-radius:10px;padding:.75rem;margin-top:.5rem;color:var(--text-main)}.rich-text-output p{margin:0 0 .5rem}.quiz-open-answer{margin-top:.75rem}.rte-floating{position:absolute;z-index:3;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.4rem .6rem;background:#0f1118f2;border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 10px 24px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 16px)}.rte-floating button{font-family:var(--font-main);background:transparent;color:var(--text-main);border:1px solid transparent;border-radius:6px;padding:.2rem .4rem;cursor:pointer}.rte-floating button:hover{border-color:var(--academy-gold);color:var(--academy-gold)}.rte-floating-blocks,.rte-floating-actions{display:flex;gap:.35rem;align-items:center}.rte-image,.rte-content img,.rich-text-output img{max-width:100%;height:auto;border-radius:10px;margin:.5rem 0;display:block}.rte-image-block{margin:.5rem 0;padding:.4rem;border-radius:12px;border:1px dashed var(--border-subtle);background:#0b0d13;cursor:pointer}.rte-image-block img{display:block}.rte-embed{position:relative;width:100%;padding-top:56.25%;background:#0b0d13;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin:.75rem 0}.rte-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.rte-embed-block{position:relative;margin:.5rem 0;padding-top:56.25%;border-radius:12px;border:1px dashed var(--border-subtle);background:#0b0d13;cursor:pointer;overflow:hidden}.rte-trailing{min-height:24px}.rte-embed-block iframe{pointer-events:none}.rte-embed-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.rte-embed-code-input{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;margin:0;padding:.75rem;background:#0f1117;border-radius:10px;color:#e6e6e6;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;border:0;resize:none;outline:none}.rte-embed-block:hover .rte-embed-preview,.rte-embed-block.is-code .rte-embed-preview{display:none}.rte-embed-block:hover .rte-embed-code-input,.rte-embed-block.is-code .rte-embed-code-input{display:block}.rte-preview{cursor:default;pointer-events:auto}.rte-preview a{pointer-events:auto;cursor:pointer}.rte-asset-code{background:#0b0d13;border:1px dashed var(--border-subtle);border-radius:10px;padding:.6rem .75rem;margin:.5rem 0;color:var(--text-muted);font-family:Courier New,monospace;font-size:.95rem;cursor:pointer}.rte-link-editor{display:grid;gap:.5rem;padding:.65rem;border:1px solid var(--border-subtle);border-radius:10px;background:#141823;margin:.5rem}.rte-link-label{color:var(--text-muted);font-size:.9rem}.rte-link-actions{display:flex;gap:.5rem;align-items:center}.rte-content pre,.rich-text-output pre{background:#0b0d13;border:1px solid var(--border-subtle);border-radius:10px;padding:.75rem;overflow:auto;font-family:Courier New,monospace;font-size:.95rem;line-height:1.4}.wordpress-practice-card{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.15rem;border:1px solid rgba(56,88,233,.55);border-radius:14px;background:linear-gradient(120deg,#3858e929,#3fc3e80f),var(--card-bg)}.wordpress-practice-card.compact{margin-bottom:1rem}.wordpress-practice-mark,.wordpress-lab-launcher>span{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#3858e9;color:#fff;font-family:Georgia,serif;font-size:1.45rem;font-weight:700}.wordpress-practice-copy{display:grid;flex:1;gap:.2rem}.wordpress-practice-copy strong{color:var(--text-main)}.wordpress-practice-copy span{color:var(--text-muted);font-size:.9rem}.wordpress-lab-launcher{position:fixed;right:1rem;bottom:1rem;z-index:90;display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#1e1e1e;color:#fff;text-decoration:none;box-shadow:0 12px 30px #00000059}.wordpress-lab-launcher:hover{color:#fff;border-color:#3fc3e8;transform:translateY(-2px)}.wordpress-lab-launcher>span{width:30px;height:30px;font-size:1rem}.wordpress-lab-page{display:grid;gap:1rem;min-height:calc(100vh - 120px)}.wordpress-lab-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--border-subtle);border-radius:14px;background:var(--card-bg)}.wordpress-lab-tip{padding:.8rem 1rem;border-left:4px solid #3858e9;border-radius:8px;background:#3858e91a;color:var(--text-muted)}.wordpress-lab-frame{width:100%;min-height:820px;height:calc(100vh - 240px);border:1px solid var(--border-subtle);border-radius:14px;background:#fff}.wordpress-exam-editor{overflow:hidden;border:1px solid rgba(56,88,233,.65);border-radius:14px;background:#fff}.wordpress-exam-note{padding:.75rem 1rem;background:#eef1ff;color:#26336e;font-size:.9rem}.wordpress-exam-frame{display:block;width:100%;height:760px;border:0;background:#fff}.wordpress-review-output .wordpress-submission{padding:1.25rem;border-radius:12px;background:#fff;color:#1e1e1e}.wordpress-review-output .wordpress-submission-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #ddd}.wordpress-review-output .wordpress-submission-header h1{margin:0 0 .75rem;color:#1e1e1e;font-family:Georgia,serif}.wordpress-review-output .wordpress-submission-header p{margin:.25rem 0}.wordpress-review-output .wordpress-post-content{font-family:Georgia,serif;font-size:1.05rem;line-height:1.75}.wordpress-admin-assignment{padding:1rem;border:1px solid rgba(56,88,233,.55);border-radius:14px;background:#3858e914}.wordpress-admin-assignment>.wordpress-practice-mark{margin-bottom:.75rem}@media (max-width: 720px){.wordpress-practice-card{align-items:flex-start;flex-wrap:wrap}.wordpress-practice-card .btn-primary{width:100%;text-align:center}.wordpress-lab-launcher strong{display:none}.wordpress-lab-heading{align-items:flex-start;flex-direction:column}.wordpress-lab-frame{min-height:700px;height:calc(100vh - 280px)}}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}