:root{--color-brand-teach: #7C73FF;--color-brand-quest: #FF6B6B;--color-primary: #7C73FF;--color-primary-dark: #6B63E0;--color-primary-light: #8E8AFF;--color-primary-text: #7C73FF;--color-secondary: #FF6B6B;--color-secondary-dark: #E85555;--color-secondary-light: #FF8585;--color-success: #10b981;--color-success-dark: #059669;--color-success-light: #6ee7b7;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-danger-light: #fca5a5;--color-warning: #f97316;--color-warning-dark: #ea580c;--color-warning-light: #fed7aa;--color-info: #0ea5e9;--color-info-dark: #0284c7;--color-info-light: #7dd3fc;--color-background: #ffffff;--color-background-alt: #f9fafb;--color-background-secondary: #f3f4f6;--color-page-bg: #f5f5f5;--color-header-bg: #ffffff;--color-header-shadow: rgba(0, 0, 0, .1);--color-brand-hover-bg: #f5f3ff;--color-input-bg: #ffffff;--color-input-text: #1f2937;--color-input-border: #e0e0e0;--color-modal-bg: #ffffff;--color-modal-surface: #f9fafb;--color-surface: #ffffff;--color-surface-hover: #f9fafb;--color-surface-active: #f3f4f6;--color-border: #e5e7eb;--color-border-dark: #d1d5db;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-text-inverse: #ffffff;--color-on-primary: #ffffff;--color-on-danger: #ffffff;--color-selection-bg: #f0ebff;--color-selection-hover: #f8f7ff;--color-selection-muted: #ede9fe;--color-modal-shell-start: #faf8ff;--color-modal-shell-end: #f1efff;--color-modal-shell-header: rgba(255, 255, 255, .65);--color-modal-shell-border: rgba(124, 115, 255, .35);--color-tool-accent: #4338ca;--color-tool-accent-icon: #6366f1;--color-tool-inset: rgba(255, 255, 255, .75);--color-tool-inset-strong: rgba(255, 255, 255, .9);--color-tool-card: rgba(255, 255, 255, .78);--color-tool-hero-subtext: #4c1d95;--color-tool-panel-wash: linear-gradient( 180deg, rgba(247, 247, 255, .85) 0%, rgba(236, 236, 255, .86) 100% );--color-tool-status-success: #166534;--color-tool-status-success-bg: rgba(34, 197, 94, .18);--color-warning-banner-bg: rgba(245, 158, 11, .12);--color-warning-banner-text: #92400e;--color-warning-banner-border: #f59e0b;--color-combat-shell-start: #fffbfb;--color-combat-shell-end: #fef2f2;--color-combat-body-bg: rgba(255, 255, 255, .55);--color-combat-phases-bg: rgba(255, 255, 255, .75);--color-combat-chip-bg: #fee2e2;--color-combat-chip-border: #fca5a5;--color-combat-chip-text: #991b1b;--color-combat-heading: #111827;--color-combat-selection-bg: rgba(254, 226, 226, .72);--color-combat-selection-border: #f87171;--color-combat-selection-ring: rgba(248, 113, 113, .28);--color-combat-secondary-text: #991b1b;--color-combat-secondary-hover-bg: rgba(254, 242, 242, .95);--color-combat-row-bg: var(--color-surface);--color-combat-custom-form-bg: rgba(254, 242, 242, .72);--color-combat-accent: #b91c1c;--color-combat-accent-strong: #991b1b;--color-combat-accent-muted: #7f1d1d;--color-reward-shell-start: #fafff6;--color-reward-shell-end: #f0fff0;--color-reward-border: rgba(16, 185, 129, .3);--color-reward-selection-bg: rgba(16, 185, 129, .15);--color-reward-selection-border: #10b981;--color-reward-chip-bg: rgba(220, 252, 231, .9);--color-reward-chip-border: #86efac;--color-reward-chip-text: #15803d;--color-reward-custom-form-bg: rgba(236, 253, 245, .75);--color-reward-accent: #059669;--color-audit-combat-bg: linear-gradient(90deg, rgba(254, 243, 199, .55) 0%, var(--color-surface) 28%);--color-audit-reward-bg: linear-gradient(90deg, rgba(220, 252, 231, .55) 0%, var(--color-surface) 28%);--color-audit-magic-bg: linear-gradient(90deg, rgba(237, 233, 254, .55) 0%, var(--color-surface) 28%);--color-toolbar-btn-bg: transparent;--color-toolbar-btn-icon: #64748b;--color-toolbar-btn-hover-bg: rgba(15, 23, 42, .06);--color-toolbar-btn-active-bg: var(--color-primary);--color-toolbar-btn-active-icon: #ffffff;--color-toolbar-divider: rgba(15, 23, 42, .12);--color-accent-chip-bg: var(--color-surface);--color-accent-chip-text: var(--color-text-secondary);--color-accent-chip-border: var(--color-primary-light);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--color-light-gray: var(--color-border);--color-gray: var(--color-text-light);--color-hp: #ef4444;--color-mp: #0ea5e9;--color-xp: #10b981;--color-gp: #f59e0b;--color-class-defender: #ef4444;--color-class-wizard: #0ea5e9;--color-class-healer: #10b981;--color-class-augmentor: #f59e0b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-display: "Fredoka One", cursive;--font-body: "Nunito", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 10px rgba(99, 102, 241, .3);--shadow-glow-success: 0 0 10px rgba(16, 185, 129, .3);--shadow-glow-danger: 0 0 10px rgba(239, 68, 68, .3);--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--modal-confirm-primary: var(--color-brand-teach);--modal-confirm-secondary: var(--color-brand-quest);--modal-danger: var(--color-danger);--modal-success: var(--color-success);--modal-backdrop: rgba(0, 0, 0, .5);--color-dm-bg-start: #1a1a2e;--color-dm-bg-end: #16213e;--color-dm-border: #7C73FF;--talent-canvas-bg: #eef2ff;--talent-canvas-border: rgba(124, 115, 255, .35);--talent-canvas-overlay: rgba(255, 255, 255, .04);--talent-panel-bg: rgba(255, 255, 255, .82);--talent-panel-border: rgba(124, 115, 255, .28);--talent-panel-heading: var(--color-primary-text);--talent-node-bg: rgba(255, 255, 255, .94);--talent-node-border: rgba(124, 115, 255, .42);--talent-node-text: #1e293b;--talent-node-subtext: #64748b;--talent-node-empty-bg: rgba(255, 255, 255, .55);--talent-tier-badge-bg: rgba(255, 255, 255, .95);--talent-tier-badge-text: #4338ca;--talent-tier-badge-border: rgba(124, 115, 255, .45);--talent-connection: #b45309;--talent-connection-glow: rgba(251, 191, 36, .45);--talent-class-defender: var(--color-class-defender);--talent-class-wizard: var(--color-class-wizard);--talent-class-healer: var(--color-class-healer);--talent-class-augmentor: var(--color-class-augmentor)}html{color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--color-background: #1f2937;--color-background-alt: #111827;--color-background-secondary: #374151;--color-page-bg: #111827;--color-header-bg: #1f2937;--color-header-shadow: rgba(0, 0, 0, .35);--color-brand-hover-bg: rgba(124, 115, 255, .15);--color-input-bg: #374151;--color-input-text: #f3f4f6;--color-input-border: #4b5563;--color-modal-bg: #1f2937;--color-modal-surface: #374151;--color-surface: #374151;--color-surface-hover: #4b5563;--color-surface-active: #555d6f;--color-border: #4b5563;--color-border-dark: #6b7280;--color-text: #f9fafb;--color-text-secondary: #e5e7eb;--color-text-light: #cbd5e1;--color-text-inverse: #1f2937;--color-on-primary: #ffffff;--color-on-danger: #ffffff;--color-primary-light: #c4b5fd;--color-primary-text: #c4b5fd;--color-accent-chip-bg: rgba(55, 65, 81, .92);--color-accent-chip-text: var(--color-text-secondary);--color-accent-chip-border: var(--color-primary-light);--color-selection-bg: rgba(124, 115, 255, .28);--color-selection-hover: rgba(124, 115, 255, .14);--color-selection-muted: rgba(124, 115, 255, .2);--color-modal-shell-start: #1e293b;--color-modal-shell-end: #0f172a;--color-modal-shell-header: rgba(55, 65, 81, .92);--color-modal-shell-border: rgba(124, 115, 255, .45);--color-tool-accent: #c4b5fd;--color-tool-accent-icon: #a78bfa;--color-tool-inset: rgba(55, 65, 81, .88);--color-tool-inset-strong: rgba(31, 41, 55, .95);--color-tool-card: rgba(31, 41, 55, .92);--color-tool-hero-subtext: #ddd6fe;--color-tool-panel-wash: linear-gradient( 180deg, rgba(30, 41, 59, .9) 0%, rgba(15, 23, 42, .92) 100% );--color-tool-status-success: #86efac;--color-tool-status-success-bg: rgba(34, 197, 94, .22);--color-warning-banner-bg: rgba(245, 158, 11, .18);--color-warning-banner-text: #fcd34d;--color-warning-banner-border: #f59e0b;--color-combat-shell-start: #1a1010;--color-combat-shell-end: #0f0a0a;--color-combat-body-bg: rgba(31, 41, 55, .85);--color-combat-phases-bg: rgba(55, 65, 81, .92);--color-combat-chip-bg: rgba(239, 68, 68, .22);--color-combat-chip-border: rgba(248, 113, 113, .55);--color-combat-chip-text: #fecaca;--color-combat-heading: #f9fafb;--color-combat-selection-bg: rgba(239, 68, 68, .24);--color-combat-selection-border: #f87171;--color-combat-selection-ring: rgba(248, 113, 113, .38);--color-combat-secondary-text: #fecaca;--color-combat-secondary-hover-bg: rgba(239, 68, 68, .22);--color-combat-row-bg: rgba(55, 65, 81, .95);--color-combat-custom-form-bg: rgba(31, 41, 55, .92);--color-combat-accent: #fca5a5;--color-combat-accent-strong: #fecaca;--color-combat-accent-muted: #fca5a5;--color-reward-shell-start: #0a1210;--color-reward-shell-end: #0f1a14;--color-reward-border: rgba(16, 185, 129, .35);--color-reward-selection-bg: rgba(16, 185, 129, .22);--color-reward-selection-border: #34d399;--color-reward-chip-bg: rgba(16, 185, 129, .18);--color-reward-chip-border: rgba(52, 211, 153, .45);--color-reward-chip-text: #a7f3d0;--color-reward-custom-form-bg: rgba(31, 41, 55, .92);--color-reward-accent: #6ee7b7;--color-audit-combat-bg: linear-gradient(90deg, rgba(245, 158, 11, .16) 0%, var(--color-surface) 28%);--color-audit-reward-bg: linear-gradient(90deg, rgba(34, 197, 94, .14) 0%, var(--color-surface) 28%);--color-audit-magic-bg: linear-gradient(90deg, rgba(139, 92, 246, .14) 0%, var(--color-surface) 28%);--color-toolbar-btn-bg: transparent;--color-toolbar-btn-icon: #94a3b8;--color-toolbar-btn-hover-bg: rgba(255, 255, 255, .08);--color-toolbar-btn-active-bg: var(--color-primary);--color-toolbar-btn-active-icon: #ffffff;--color-toolbar-divider: rgba(255, 255, 255, .14);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .25);--modal-backdrop: rgba(0, 0, 0, .65);--color-dm-bg-start: #0f172a;--color-dm-bg-end: #1e293b;--color-dm-border: rgba(124, 115, 255, .45);--talent-canvas-bg: #0b1220;--talent-canvas-border: rgba(124, 115, 255, .38);--talent-canvas-overlay: rgba(0, 0, 0, .12);--talent-panel-bg: rgba(30, 41, 59, .92);--talent-panel-border: rgba(124, 115, 255, .32);--talent-panel-heading: #c4b5fd;--talent-node-bg: rgba(15, 23, 42, .88);--talent-node-border: rgba(167, 139, 250, .45);--talent-node-text: #f8fafc;--talent-node-subtext: #cbd5e1;--talent-node-empty-bg: rgba(15, 23, 42, .55);--talent-tier-badge-bg: rgba(30, 41, 59, .96);--talent-tier-badge-text: #e9d5ff;--talent-tier-badge-border: rgba(167, 139, 250, .5);--talent-connection: #fbbf24;--talent-connection-glow: rgba(251, 191, 36, .55)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-background: #1f2937;--color-background-alt: #111827;--color-background-secondary: #374151;--color-page-bg: #111827;--color-header-bg: #1f2937;--color-header-shadow: rgba(0, 0, 0, .35);--color-brand-hover-bg: rgba(124, 115, 255, .15);--color-input-bg: #374151;--color-input-text: #f3f4f6;--color-input-border: #4b5563;--color-modal-bg: #1f2937;--color-modal-surface: #374151;--color-surface: #374151;--color-surface-hover: #4b5563;--color-surface-active: #555d6f;--color-border: #4b5563;--color-border-dark: #6b7280;--color-text: #f9fafb;--color-text-secondary: #e5e7eb;--color-text-light: #cbd5e1;--color-text-inverse: #1f2937;--color-on-primary: #ffffff;--color-on-danger: #ffffff;--color-primary-light: #c4b5fd;--color-primary-text: #c4b5fd;--color-accent-chip-bg: rgba(55, 65, 81, .92);--color-accent-chip-text: var(--color-text-secondary);--color-accent-chip-border: var(--color-primary-light);--color-selection-bg: rgba(124, 115, 255, .28);--color-selection-hover: rgba(124, 115, 255, .14);--color-selection-muted: rgba(124, 115, 255, .2);--color-modal-shell-start: #1e293b;--color-modal-shell-end: #0f172a;--color-modal-shell-header: rgba(55, 65, 81, .92);--color-modal-shell-border: rgba(124, 115, 255, .45);--color-tool-accent: #c4b5fd;--color-tool-accent-icon: #a78bfa;--color-tool-inset: rgba(55, 65, 81, .88);--color-tool-inset-strong: rgba(31, 41, 55, .95);--color-tool-card: rgba(31, 41, 55, .92);--color-tool-hero-subtext: #ddd6fe;--color-tool-panel-wash: linear-gradient( 180deg, rgba(30, 41, 59, .9) 0%, rgba(15, 23, 42, .92) 100% );--color-tool-status-success: #86efac;--color-tool-status-success-bg: rgba(34, 197, 94, .22);--color-warning-banner-bg: rgba(245, 158, 11, .18);--color-warning-banner-text: #fcd34d;--color-warning-banner-border: #f59e0b;--color-combat-shell-start: #1a1010;--color-combat-shell-end: #0f0a0a;--color-combat-body-bg: rgba(31, 41, 55, .85);--color-combat-phases-bg: rgba(55, 65, 81, .92);--color-combat-chip-bg: rgba(239, 68, 68, .22);--color-combat-chip-border: rgba(248, 113, 113, .55);--color-combat-chip-text: #fecaca;--color-combat-heading: #f9fafb;--color-combat-selection-bg: rgba(239, 68, 68, .24);--color-combat-selection-border: #f87171;--color-combat-selection-ring: rgba(248, 113, 113, .38);--color-combat-secondary-text: #fecaca;--color-combat-secondary-hover-bg: rgba(239, 68, 68, .22);--color-combat-row-bg: rgba(55, 65, 81, .95);--color-combat-custom-form-bg: rgba(31, 41, 55, .92);--color-combat-accent: #fca5a5;--color-combat-accent-strong: #fecaca;--color-combat-accent-muted: #fca5a5;--color-reward-shell-start: #0a1210;--color-reward-shell-end: #0f1a14;--color-reward-border: rgba(16, 185, 129, .35);--color-reward-selection-bg: rgba(16, 185, 129, .22);--color-reward-selection-border: #34d399;--color-reward-chip-bg: rgba(16, 185, 129, .18);--color-reward-chip-border: rgba(52, 211, 153, .45);--color-reward-chip-text: #a7f3d0;--color-reward-custom-form-bg: rgba(31, 41, 55, .92);--color-reward-accent: #6ee7b7;--color-audit-combat-bg: linear-gradient(90deg, rgba(245, 158, 11, .16) 0%, var(--color-surface) 28%);--color-audit-reward-bg: linear-gradient(90deg, rgba(34, 197, 94, .14) 0%, var(--color-surface) 28%);--color-audit-magic-bg: linear-gradient(90deg, rgba(139, 92, 246, .14) 0%, var(--color-surface) 28%);--color-toolbar-btn-bg: transparent;--color-toolbar-btn-icon: #94a3b8;--color-toolbar-btn-hover-bg: rgba(255, 255, 255, .08);--color-toolbar-btn-active-bg: var(--color-primary);--color-toolbar-btn-active-icon: #ffffff;--color-toolbar-divider: rgba(255, 255, 255, .14);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .25);--modal-backdrop: rgba(0, 0, 0, .65);--color-dm-bg-start: #0f172a;--color-dm-bg-end: #1e293b;--color-dm-border: rgba(124, 115, 255, .45);--talent-canvas-bg: #0b1220;--talent-canvas-border: rgba(124, 115, 255, .38);--talent-canvas-overlay: rgba(0, 0, 0, .12);--talent-panel-bg: rgba(30, 41, 59, .92);--talent-panel-border: rgba(124, 115, 255, .32);--talent-panel-heading: #c4b5fd;--talent-node-bg: rgba(15, 23, 42, .88);--talent-node-border: rgba(167, 139, 250, .45);--talent-node-text: #f8fafc;--talent-node-subtext: #cbd5e1;--talent-node-empty-bg: rgba(15, 23, 42, .55);--talent-tier-badge-bg: rgba(30, 41, 59, .96);--talent-tier-badge-text: #e9d5ff;--talent-tier-badge-border: rgba(167, 139, 250, .5);--talent-connection: #fbbf24;--talent-connection-glow: rgba(251, 191, 36, .55)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;background:var(--color-page-bg);color:var(--color-text)}html,body{width:100%;height:100%}#app{display:flex;flex-direction:column;min-height:calc(100vh - 96px)}#app.classroom-view{height:calc(100vh - 96px);overflow:hidden}.header{background:var(--color-header-bg);box-shadow:0 2px 10px var(--color-header-shadow);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:0;z-index:200}.header-logo{font-family:Cinzel,serif;font-size:42px;font-weight:700;display:flex;align-items:center;gap:14px}.header-logo img{height:72px;width:auto;object-fit:contain;display:block}.header-logo-text{display:flex;gap:2px;line-height:1}.header-logo-teach{color:var(--color-brand-teach)}.header-logo-quest{color:var(--color-brand-quest)}.header-buttons{display:flex;gap:6px;align-items:center}.header-buttons .btn-header-menu,.header-buttons .btn-notification,.header-buttons .btn-reports,.header-buttons .btn-help,.header-student-view-wrap .student-view-toggle{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--color-toolbar-btn-icon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;transition:background .15s ease,color .15s ease}.header-buttons .btn-header-menu i,.header-buttons .btn-notification i,.header-buttons .btn-reports i,.header-buttons .btn-help i,.header-student-view-wrap .student-view-toggle i{font-size:1.25rem;line-height:1;color:inherit}.header-buttons .btn-header-menu:hover:not([aria-expanded=true]),.header-buttons .btn-notification:hover:not([aria-expanded=true]),.header-buttons .btn-reports:hover,.header-buttons .btn-help:hover,.header-student-view-wrap .student-view-toggle:hover:not(.active){background:var(--color-toolbar-btn-hover-bg);color:var(--color-toolbar-btn-icon)}.header-student-view-wrap .student-view-toggle.active,.header-buttons .btn-header-menu[aria-expanded=true],.header-buttons .btn-notification[aria-expanded=true]{background:var(--color-toolbar-btn-active-bg);color:var(--color-toolbar-btn-active-icon)}.header-student-view-wrap{display:flex;align-items:center;gap:8px}.header-student-view-wrap .student-showcase-btn:hover:not(.active){background:var(--color-toolbar-btn-hover-bg);color:var(--color-toolbar-btn-icon)}.header-student-view-wrap .student-view-toggle-group{display:flex;gap:4px;border:none;border-radius:0;overflow:visible}.header-reports-wrap{position:relative;display:flex;align-items:center;padding-left:10px;margin-left:4px;border-left:1px solid var(--color-toolbar-divider)}.header-help-wrap{position:relative;display:flex;align-items:center}.btn-help{position:relative;gap:0;font-size:1.25rem;line-height:1}.btn-help i{font-size:1.25rem;line-height:1}.header-menu-wrap{position:relative;display:flex;align-items:center}.btn-header-menu{position:relative;gap:0;font-size:1.25rem;line-height:1}.btn-header-menu i{font-size:1.25rem;line-height:1}.btn-theme{background:transparent;color:var(--color-toolbar-btn-icon);border:none;padding:0;min-width:40px;min-height:40px;justify-content:center;font-size:1.25rem;line-height:1;border-radius:10px}.btn-theme:hover{background:var(--color-toolbar-btn-hover-bg);color:var(--color-toolbar-btn-icon)}.header-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;background:var(--color-surface);color:var(--color-text);border-radius:12px;box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border);z-index:1003;overflow:hidden;padding:6px 0}.header-menu-dropdown.hidden{display:none}.header-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;font-weight:600;font-family:Open Sans,sans-serif;color:var(--color-text)}.header-menu-item:hover,.header-menu-item:focus-visible{background:var(--color-brand-hover-bg);outline:none}.header-menu-item[hidden]{display:none}.header-menu-item i{width:18px;text-align:center;color:var(--color-primary)}.header-menu-item--danger,.header-menu-item--danger i{color:var(--color-danger-dark)}.header-menu-item--danger:hover,.header-menu-item--danger:focus-visible{background:#ef44441f}.header-menu-divider{height:1px;margin:6px 0;background:var(--color-border)}.header-menu-divider[hidden]{display:none}.header-menu-theme-section{padding:8px 12px 10px}.header-menu-theme-heading{display:flex;align-items:center;gap:8px;padding:0 4px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light)}.header-menu-theme-heading i{color:var(--color-primary);font-size:12px}.header-menu-theme-options{display:flex;flex-direction:column;gap:4px}.header-menu-theme-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:2px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer;font-size:13px;font-weight:600;font-family:Open Sans,sans-serif;color:var(--color-text);transition:background .15s ease,border-color .15s ease}.header-menu-theme-option i{width:16px;text-align:center;color:var(--color-primary)}.header-menu-theme-option:hover,.header-menu-theme-option:focus-visible{background:var(--color-brand-hover-bg);outline:none}.header-menu-theme-option.active{background:var(--color-brand-hover-bg);border-color:var(--color-primary);color:var(--color-text)}.header-menu-theme-option.active i{color:var(--color-primary)}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;font-family:Open Sans,sans-serif;display:flex;align-items:center;gap:8px}.btn-login{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-login:hover,.btn-register{background:var(--color-primary);color:var(--color-on-primary)}.btn-register:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-logout{background:var(--color-danger);color:var(--color-on-primary)}.btn-logout:hover{background:var(--color-danger-dark)}.btn-change-classroom{background:var(--color-warning);color:var(--color-on-primary)}.btn-change-classroom:hover{background:var(--color-warning-dark)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);padding:15px 40px;font-size:16px;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;font-weight:600;display:inline-flex;align-items:center;gap:10px}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 10px 25px #7c73ff4d}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary);padding:13px 38px;font-size:16px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;display:inline-flex;align-items:center;gap:10px}.btn-secondary:hover{background:var(--color-primary);color:var(--color-on-primary);transform:translateY(-3px)}.btn-delete{background:var(--color-danger);color:var(--color-on-primary);border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-delete:hover{background:var(--color-danger-dark)}.btn-delete-sm{background:transparent;border:none;color:var(--color-danger);cursor:pointer;padding:4px 8px;font-size:12px;transition:all .2s ease}.btn-delete-sm:hover{background:#ef444426;border-radius:4px}.form-container{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;background:var(--color-page-bg);padding:20px}.form-box{background:var(--color-surface);border-radius:16px;padding:40px;max-width:700px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.form-header{text-align:center;margin-bottom:30px}.form-title{font-family:Audiowide,sans-serif;font-size:28px;margin-bottom:5px;color:var(--color-text)}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid var(--color-input-border);border-radius:8px;font-family:Open Sans,sans-serif;font-size:14px;transition:border-color .3s ease;color:var(--color-input-text);background-color:var(--color-input-bg)}.form-container .form-group input,.form-container .form-group select,.form-container .form-group textarea{color:var(--color-input-text);background-color:var(--color-input-bg)}.form-container .form-group input::placeholder,.form-container .form-group textarea::placeholder{color:var(--color-text-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c73ff1a}.form-submit{width:100%;padding:12px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.form-submit:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.form-footer{text-align:center;margin-top:20px;font-size:14px;color:var(--color-text-secondary)}.form-footer a{color:var(--color-primary);text-decoration:none;font-weight:600;cursor:pointer}.back-btn{position:relative;background:#7c73ff0d;color:var(--color-primary);border:none;padding:10px 16px;border-radius:50px;font-weight:600;cursor:pointer;font-size:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;overflow:hidden}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#7c73ff1a;border-radius:50px;transition:left .3s cubic-bezier(.34,1.56,.64,1);z-index:-1}.back-btn:hover:before{left:0}.back-btn:hover{background:#7c73ff26;transform:translate(-3px);box-shadow:-5px 10px 20px #7c73ff26}.back-btn:hover i{animation:slideArrow .4s cubic-bezier(.34,1.56,.64,1)}.back-btn:active{transform:translate(-1px)}@keyframes slideArrow{0%{transform:translate(0)}50%{transform:translate(-4px)}to{transform:translate(0)}}.form-actions{display:flex;gap:15px;margin-top:30px}.form-actions button{flex:1}#toast-container{position:fixed;top:calc(var(--header-height, 96px) + 12px);right:20px;z-index:21000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(360px,calc(100vw - 24px));pointer-events:none}#toast-container .toast{pointer-events:auto}.toast{padding:16px 20px;border-radius:8px;color:var(--color-on-primary);background:#334155;box-shadow:var(--shadow-lg);animation:slideInRight .3s ease;min-width:300px}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-danger)}.toast-info{background:var(--color-info)}.toast-warning{background:var(--color-warning);color:var(--color-text)}#modal-container{position:fixed;inset:0;z-index:13050;padding:20px;pointer-events:none;display:none}#modal-container:not(:empty){display:flex;align-items:center;justify-content:center;background:var(--modal-backdrop);backdrop-filter:blur(6px);pointer-events:auto}@media(max-width:768px){.header{flex-direction:column;gap:15px}.header-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.form-box{padding:20px}}.home-page{background:var(--color-page-bg)}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1200px;margin:0 auto;padding:80px 30px}.hero-content{animation:slideInLeft .8s ease}.hero-title{font-family:Cinzel,serif;font-size:56px;line-height:1.2;margin-bottom:20px;color:var(--color-text)}.hero-title span:first-child{color:var(--color-brand-teach)}.hero-title span:last-child{color:var(--color-brand-quest)}.hero-subtitle{font-size:18px;color:var(--color-text-secondary);margin-bottom:30px;line-height:1.6}.hero-buttons{display:flex;gap:15px;margin-bottom:40px}.hero-stats{display:flex;gap:40px}.stat{display:flex;flex-direction:column}.stat-number{font-size:28px;font-weight:700;color:var(--color-brand-teach)}.stat-label{font-size:14px;color:var(--color-text-light)}.hero-image{animation:slideInRight .8s ease;text-align:center}.hero-image img{max-width:100%;height:auto;border-radius:15px;box-shadow:var(--shadow-lg)}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.features-section{max-width:1200px;margin:0 auto;padding:80px 30px;background:var(--color-surface)}.section-title{font-family:Cinzel,serif;font-size:42px;text-align:center;margin-bottom:60px;color:var(--color-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:var(--color-page-bg);padding:30px;border-radius:12px;text-align:center;transition:all .3s ease;animation:fadeInUp .6s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:48px;margin-bottom:20px;color:var(--color-brand-teach)}.feature-title{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--color-text)}.feature-desc{font-size:14px;color:var(--color-text-secondary);line-height:1.6}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.classes-section{max-width:1200px;margin:0 auto;padding:80px 30px}.classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.class-card{padding:30px;border-radius:12px;text-align:center;color:#fff;transition:all .3s ease;animation:fadeInUp .6s ease}.class-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.class-card.class-defender{background:linear-gradient(135deg,var(--color-class-defender) 0%,var(--color-danger-dark) 100%)}.class-card.class-wizard{background:linear-gradient(135deg,var(--color-class-wizard) 0%,var(--color-info-dark) 100%)}.class-card.class-healer{background:linear-gradient(135deg,var(--color-class-healer) 0%,var(--color-success-dark) 100%)}.class-card.class-augmentor{background:linear-gradient(135deg,var(--color-class-augmentor) 0%,var(--color-warning-dark) 100%)}.class-icon{font-size:48px;margin-bottom:15px}.class-name{font-family:Cinzel,serif;font-size:24px;margin-bottom:10px}.class-desc{font-size:14px;line-height:1.6;opacity:.9}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-inverse);padding:80px 30px;text-align:center}.cta-title{font-family:Cinzel,serif;font-size:42px;margin-bottom:20px}.cta-subtitle{font-size:18px;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-white{background:var(--color-surface);color:var(--color-primary);padding:15px 40px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease}.btn-white:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.footer{background:var(--color-surface);padding:40px 30px;text-align:center;border-top:1px solid var(--color-border)}.footer-text{color:var(--color-text-light);font-size:14px}@media(max-width:768px){.hero-section{grid-template-columns:1fr;padding:50px 20px}.hero-title{font-size:40px}.hero-buttons{flex-direction:column}.hero-stats{flex-direction:column;gap:20px}.section-title,.cta-title{font-size:32px}}.home-page-minimal{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-brand-hover-bg) 0%,var(--color-page-bg) 50%,rgba(255,107,107,.08) 100%)}.home-minimal-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;animation:fadeIn .6s ease}.home-minimal-logo{width:120px;height:auto;margin-bottom:16px}.home-minimal-title{font-family:Cinzel,serif;font-size:42px;font-weight:900;margin-bottom:40px;letter-spacing:1px}.home-minimal-teach{color:var(--color-brand-teach)}.home-minimal-quest{color:var(--color-brand-quest)}.home-minimal-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.home-minimal-btn{min-width:160px;padding:14px 32px;font-size:16px;font-weight:600}@media(max-width:480px){.home-minimal-title{font-size:32px}.home-minimal-buttons{flex-direction:column;width:100%;max-width:280px}.home-minimal-btn{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mkt-site{background:var(--color-page-bg);color:var(--color-text);min-height:100vh}.mkt-site--auth{display:flex;flex-direction:column}.mkt-auth-main{flex:1;display:flex;flex-direction:column}.mkt-auth-main .user-type-container,.mkt-auth-main .form-container{min-height:auto;flex:1;padding:24px 20px 48px}.mkt-site--auth-epic{min-height:100vh;min-height:100svh;background:#0a0618}.mkt-site--auth-epic .mkt-auth-main,.mkt-site--register .mkt-auth-main,.mkt-site--login .mkt-auth-main{padding:0;flex:1 1 auto;display:flex;flex-direction:column;position:relative;z-index:1;background:transparent}.mkt-site--auth-epic .mkt-footer,.mkt-site--register .mkt-footer,.mkt-site--login .mkt-footer{position:relative;z-index:1;background:#080618e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top-color:#ffffff14}.mkt-site--auth-epic .mkt-footer__tagline,.mkt-site--auth-epic .mkt-footer__heading,.mkt-site--auth-epic .mkt-footer__list a,.mkt-site--auth-epic .mkt-footer__bottom{color:#ffffffb8}.mkt-site--auth-epic .mkt-footer__list a:hover{color:#fff}.mkt-site--auth-epic .mkt-footer__social-link{background:#ffffff14;border-color:#fff3;color:#ffffffb8}.mkt-site--auth-epic .mkt-footer__social-link:hover{color:#fff;border-color:#ffffff80}.auth-epic{position:relative;width:100%;flex:1 1 auto;min-height:calc(100vh - 84px);min-height:calc(100svh - 84px);overflow-x:hidden;overflow-y:visible}.auth-epic__backdrop{position:fixed;inset:84px 0 0;z-index:0;pointer-events:none}.auth-epic__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.auth-epic__hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0806186b,#0806181f 42%,#0806180f 58%,#0806182e)}.auth-epic__hero-glow{position:absolute;inset:auto -15% -25%;height:50%;background:radial-gradient(ellipse at center,rgba(251,191,36,.12),transparent 70%);pointer-events:none}.auth-epic__overlay{position:relative;z-index:2;min-height:calc(100vh - 84px);min-height:calc(100svh - 84px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,4vw,40px);padding:clamp(32px,5vw,56px) clamp(20px,4vw,48px);max-width:1280px;margin:0 auto}.auth-epic__hero-copy{position:relative;color:#fff;text-align:center;max-width:640px;padding:clamp(8px,1.5vw,16px) 0}.auth-epic__hero-copy:before{content:"";position:absolute;inset:-20px -28px;z-index:-1;border-radius:20px;background:radial-gradient(ellipse at center,rgba(8,6,24,.38) 0%,rgba(8,6,24,.12) 55%,transparent 78%);pointer-events:none}.auth-epic__eyebrow{font-family:Audiowide,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#ede9fe;margin:0 0 14px;text-shadow:0 1px 6px rgba(0,0,0,.85)}.auth-epic__headline{font-family:Cinzel,serif;font-size:clamp(26px,4vw,46px);line-height:1.12;margin:0 0 16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 10px rgba(0,0,0,.85),0 4px 28px rgba(0,0,0,.65)}.auth-epic__tagline{font-size:clamp(14px,1.8vw,18px);line-height:1.65;color:#fffffff5;margin:0 auto;max-width:52ch;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.75)}.auth-epic__panel{display:flex;align-items:center;justify-content:center;width:min(100%,480px);flex-shrink:0}.auth-epic .auth-epic__form-wrap{min-height:auto;background:transparent;padding:0;width:100%;margin:0}.auth-epic .auth-epic__card{width:100%;max-width:none;padding:clamp(28px,4vw,40px);background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px #7c73ff1f inset,0 16px 48px #00000047,0 4px 20px #7c73ff1a;animation:authEpicReveal .75s ease}[data-theme=dark] .auth-epic .auth-epic__card{background:#0f172ab8;border-color:#a78bfa4d;box-shadow:0 0 0 1px #ffffff0f inset,0 16px 48px #0006,0 4px 20px #7c73ff1f}.auth-epic__quest-badge{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:0 auto 22px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#7c73ff29,#fbbf2424);border:1px solid rgba(251,191,36,.38);color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-epic__quest-badge i{color:#d97706;font-size:13px}.auth-epic .user-type-title{font-size:clamp(26px,3vw,32px)}.auth-epic .user-type-subtitle{font-size:15px;line-height:1.5}.auth-epic .user-type-card{border-color:#7c73ff38;background:linear-gradient(180deg,var(--color-background-alt) 0%,var(--color-surface) 100%)}.auth-epic .user-type-card:hover{border-color:#f59e0b;box-shadow:0 14px 36px #7c73ff38,0 0 28px #fbbf2424}.auth-epic .user-type-icon{filter:drop-shadow(0 4px 12px rgba(124,115,255,.35))}.auth-epic .user-type-card--register{border-color:#fbbf246b;background:linear-gradient(180deg,rgba(251,191,36,.1) 0%,var(--color-surface) 100%)}.auth-epic .user-type-card--register:hover{border-color:#f59e0b;box-shadow:0 14px 36px #fbbf242e,0 0 28px #7c73ff1f}.auth-epic .user-type-card--register .user-type-icon{color:#d97706;filter:drop-shadow(0 4px 12px rgba(251,191,36,.35))}.auth-epic .form-title{font-family:Cinzel,serif}@keyframes authEpicReveal{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:900px){.auth-epic__overlay{flex-direction:row;align-items:center;justify-content:center;gap:clamp(40px,5vw,72px);padding:clamp(40px,6vw,72px) clamp(32px,5vw,64px);max-width:1180px}.auth-epic__hero-copy{flex:1 1 0;text-align:left;align-self:center;max-width:min(500px,46%)}.auth-epic__tagline{margin:0}.auth-epic__panel{flex:0 0 auto;width:min(100%,420px);align-self:center}.auth-epic__hero-shade{background:linear-gradient(90deg,#0806187a,#08061824 38%,#0806180d 55%,#08061833)}}@media(max-width:899px){.auth-epic__overlay{justify-content:flex-start;padding-top:clamp(24px,6vh,48px)}.auth-epic__tagline{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.mkt-site--login .auth-epic__panel{width:min(100%,560px)}.mkt-site--login .auth-epic .user-type-options--login{grid-template-columns:repeat(2,minmax(0,1fr))}.mkt-site a:not(.mkt-btn){color:inherit}.mkt-site a.mkt-btn--primary{color:#fff}.mkt-site a.mkt-btn--white{color:var(--color-primary);background:#fff}.mkt-site a.mkt-btn--ghost{color:var(--color-text)}.mkt-nav{position:sticky;top:0;z-index:300;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}[data-theme=dark] .mkt-nav{background:#0f172aeb}.mkt-nav__inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:16px}.mkt-nav__brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}.mkt-nav__logo{border-radius:10px;width:56px;height:56px;object-fit:contain;flex-shrink:0;display:block}.mkt-nav__brand-text{font-family:Cinzel,serif;font-size:1.85rem;font-weight:800;letter-spacing:.03em;line-height:1.1}.mkt-nav__teach{color:var(--color-brand-teach)}.mkt-nav__quest{color:var(--color-brand-quest)}.mkt-nav__toggle{display:none;margin-left:auto;width:40px;height:40px;border:none;border-radius:8px;background:var(--color-background-secondary);color:var(--color-text);cursor:pointer}.mkt-nav__links{display:flex;align-items:center;gap:8px;margin-left:auto}.mkt-nav__link{padding:8px 12px;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);border:none;background:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:color .15s,background .15s}.mkt-nav__link:hover,.mkt-nav__link.is-active{color:var(--color-primary);background:var(--color-brand-hover-bg)}.mkt-nav__link--accent{color:var(--color-brand-quest)}.mkt-nav__link--btn{border:1px solid var(--color-border)}.mkt-nav__link--primary{background:var(--color-primary);color:#fff!important;border-color:var(--color-primary)}.mkt-nav__link--primary:hover,.mkt-nav__link--primary.is-active{background:var(--color-primary-dark);color:#fff!important;border-color:var(--color-primary-dark)}.mkt-nav__item--dropdown{position:relative}.mkt-nav__dropdown{display:none;position:absolute;top:100%;left:0;min-width:280px;max-height:70vh;overflow-y:auto;margin-top:-6px;padding:18px 12px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:400}.mkt-nav__item--dropdown.is-open .mkt-nav__dropdown,.mkt-nav__item--dropdown:hover .mkt-nav__dropdown,.mkt-nav__item--dropdown:focus-within .mkt-nav__dropdown{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mkt-nav__dropdown-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:6px;grid-column:1 / -1}.mkt-nav__dropdown-link{display:block;padding:6px 8px;border-radius:6px;font-size:.82rem;text-decoration:none;color:var(--color-text)}.mkt-nav__dropdown-link:hover,.mkt-nav__dropdown-link.is-active{background:var(--color-brand-hover-bg);color:var(--color-primary)}.mkt-nav__dropdown--simple:before{display:none}.mkt-nav__item--dropdown.is-open .mkt-nav__dropdown--simple,.mkt-nav__item--dropdown:hover .mkt-nav__dropdown--simple,.mkt-nav__item--dropdown:focus-within .mkt-nav__dropdown--simple{display:block;grid-template-columns:1fr;min-width:220px}.mkt-hero{position:relative;overflow:hidden;max-width:1200px;margin:0 auto;padding:64px 24px 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.mkt-hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(124,115,255,.12),transparent),radial-gradient(ellipse 60% 50% at 80% 60%,rgba(255,107,107,.1),transparent);pointer-events:none}.mkt-hero__inner{position:relative;z-index:1}.mkt-hero__eyebrow{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:12px}.mkt-hero__title{font-family:Cinzel,serif;font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.15;margin-bottom:16px}.mkt-hero__accent{color:var(--color-brand-quest);display:block}.mkt-hero__tagline{font-family:Cinzel,serif;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:600;line-height:1.4;color:var(--color-text);max-width:540px;margin-bottom:12px}.mkt-hero__subtitle{font-size:1.1rem;line-height:1.65;color:var(--color-text-secondary);max-width:540px;margin-bottom:28px}.mkt-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.mkt-hero__stats{display:flex;flex-wrap:wrap;gap:28px 40px;padding-top:4px}.mkt-hero__stat{display:flex;flex-direction:column;gap:4px;min-width:120px}.mkt-hero__stat-value{font-family:Cinzel,serif;font-size:clamp(1.65rem,3vw,2.15rem);font-weight:800;line-height:1.1;color:var(--color-text);min-width:3.5ch}.mkt-hero__stat-value[data-hero-stat=teachers]:empty:before,.mkt-hero__stat-value[data-hero-stat=students]:empty:before{content:"\2026";opacity:.45}.mkt-hero__stat-label{font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.mkt-site--home .mkt-hero--has-bg .mkt-hero__stat-value{color:#fcd34d}.mkt-site--home .mkt-hero--has-bg .mkt-hero__stat-label{color:#ede9fed1}.mkt-hero__note{font-size:.85rem;color:var(--color-text-secondary)}.mkt-hero__visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;align-self:center}.mkt-hero__image{display:block;width:100%;max-width:min(100%,400px);height:auto;aspect-ratio:1024 / 1536;object-fit:contain;border-radius:16px;box-shadow:0 24px 48px #7c73ff2e}.mkt-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s}.mkt-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mkt-btn--primary{background:var(--color-primary);color:#fff}.mkt-btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.mkt-btn--white{background:#fff;color:var(--color-primary);border-color:#fff;font-weight:700}.mkt-btn--white:hover{background:#f8f7ff;color:var(--color-primary-dark)}.mkt-banner{max-width:1152px;margin:0 auto 48px}.mkt-banner--classcraft{background:linear-gradient(135deg,#ff6b6b14,#7c73ff14);border:1px solid rgba(124,115,255,.2);border-radius:16px}.mkt-banner__inner{padding:32px 36px}.mkt-banner__title{font-family:Cinzel,serif;font-size:1.5rem;margin-bottom:10px}.mkt-banner__body{line-height:1.6;color:var(--color-text-secondary);margin-bottom:14px;max-width:800px}.mkt-banner__link{font-weight:700;color:var(--color-primary);text-decoration:none}.mkt-section{max-width:1200px;margin:0 auto;padding:64px 24px}.mkt-section--alt{background:var(--color-surface);max-width:none}.mkt-section--alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.mkt-section__head{text-align:center;max-width:720px;margin:0 auto 40px}.mkt-section__title{font-family:Cinzel,serif;font-size:clamp(1.75rem,3vw,2.25rem);margin-bottom:12px}.mkt-section__intro{font-size:1.05rem;line-height:1.6;color:var(--color-text-secondary)}.mkt-site--home .mkt-section--classes .mkt-section__head,.mkt-site--home .mkt-section--rpg-features .mkt-section__head{position:relative;z-index:1;padding:10px 16px 12px;color:#fff}.mkt-site--home .mkt-section--classes .mkt-section__head:before,.mkt-site--home .mkt-section--rpg-features .mkt-section__head:before{content:"";position:absolute;inset:-6px -10px;z-index:-1;border-radius:14px;background:radial-gradient(ellipse at center,#08061885,#08061857 62%,#08061838);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000038;pointer-events:none}.mkt-site--home .mkt-section--rpg-features .mkt-section__head{max-width:920px}.mkt-site--home .mkt-section--classes .mkt-section__head .mkt-section__title,.mkt-site--home .mkt-section--rpg-features .mkt-section__head .mkt-section__title{color:#fff;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 12px rgba(0,0,0,.85),0 4px 28px rgba(0,0,0,.55)}.mkt-site--home .mkt-section--classes .mkt-section__head .mkt-section__intro,.mkt-site--home .mkt-section--rpg-features .mkt-section__head .mkt-section__intro{color:#fffffff5;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.7)}.mkt-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.mkt-card-grid--compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mkt-card{position:relative;background:var(--color-page-bg);border:1px solid var(--color-border);border-radius:14px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.mkt-section--alt .mkt-card{background:var(--color-background-alt, var(--color-page-bg))}.mkt-card--link{text-decoration:none;color:inherit;display:block}.mkt-card--link:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.mkt-card__icon{width:48px;height:48px;border-radius:12px;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:14px}.mkt-card__badge{position:absolute;top:14px;right:14px;font-size:.65rem;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:20px}.mkt-card__badge--popular{background:var(--color-primary);color:#fff}.mkt-card__badge--new{background:var(--color-success);color:#fff}.mkt-card__title{font-size:1.05rem;font-weight:700;margin-bottom:8px}.mkt-card__desc{font-size:.88rem;line-height:1.5;color:var(--color-text-secondary);margin-bottom:12px}.mkt-card__more{font-size:.82rem;font-weight:700;color:var(--color-primary)}.mkt-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.mkt-pillar{text-align:center;padding:28px 20px}.mkt-pillar__icon{font-size:2rem;color:var(--color-primary);margin-bottom:14px}.mkt-pillar__title{font-size:1.1rem;font-weight:700;margin-bottom:8px}.mkt-pillar__body{font-size:.92rem;line-height:1.55;color:var(--color-text-secondary)}.mkt-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.mkt-stat-card{background:var(--color-page-bg);border:1px solid var(--color-border);border-radius:14px;padding:24px}.mkt-section--alt .mkt-stat-card{background:var(--color-background-alt, var(--color-page-bg))}.mkt-stat-card__stat{font-family:Cinzel,serif;font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:6px}.mkt-stat-card__title{font-size:1rem;font-weight:700;margin-bottom:12px}.mkt-stat-card__view{font-size:.86rem;line-height:1.5;color:var(--color-text-secondary);margin-bottom:8px}.mkt-site--home .mkt-section--classes{position:relative;max-width:none;isolation:isolate;display:flex;flex-direction:column;min-height:clamp(560px,62vw,780px);padding-top:32px;padding-bottom:32px}.mkt-site--home .mkt-section--classes:before{content:"";position:absolute;inset:0;z-index:-1;background:url(../images/main/classes.webp) center 42% / cover no-repeat;opacity:.85}.mkt-site--home .mkt-section--classes:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-page-bg);opacity:.52}.mkt-site--home .mkt-section--classes>*{position:relative;max-width:1200px;margin-left:auto;margin-right:auto}.mkt-site--home .mkt-section--classes .mkt-section__head{margin-top:auto;margin-bottom:32px;flex-shrink:0}.mkt-site--home .mkt-section--classes .mkt-class-grid{width:100%}.mkt-site--home .mkt-section--rpg-features{position:relative;max-width:none;isolation:isolate;background:transparent}.mkt-site--home .mkt-section--rpg-features:before{content:"";position:absolute;inset:0;z-index:-1;background:url(../images/main/rpg.webp) center / cover no-repeat;opacity:.85}.mkt-site--home .mkt-section--rpg-features:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-surface);opacity:.52}.mkt-site--home .mkt-section--rpg-features>*{position:relative;max-width:1200px;margin-left:auto;margin-right:auto}.mkt-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.mkt-class-card{border-radius:14px;padding:28px 22px;color:#fff;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.mkt-class-card--defender{background:linear-gradient(135deg,var(--color-class-defender) 0%,var(--color-danger-dark) 100%);box-shadow:0 8px 24px #ef444447}.mkt-class-card--wizard{background:linear-gradient(135deg,var(--color-class-wizard) 0%,var(--color-info-dark) 100%);box-shadow:0 8px 24px #0ea5e947}.mkt-class-card--healer{background:linear-gradient(135deg,var(--color-class-healer) 0%,var(--color-success-dark) 100%);box-shadow:0 8px 24px #10b98147}.mkt-class-card--augmentor{background:linear-gradient(135deg,var(--color-class-augmentor) 0%,var(--color-warning-dark) 100%);box-shadow:0 8px 24px #f59e0b47}.mkt-class-card:hover{transform:translateY(-4px)}.mkt-class-card__icon{font-size:2rem;margin-bottom:12px;opacity:.95}.mkt-class-card__title{font-family:Cinzel,serif;font-size:1.35rem;margin-bottom:10px}.mkt-class-card__body{font-size:.88rem;line-height:1.5;opacity:.92;margin-bottom:10px}.mkt-class-card__perk{font-size:.8rem;font-weight:700;opacity:.85}.mkt-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--color-border)}.mkt-table{width:100%;border-collapse:collapse;font-size:.92rem}.mkt-table th,.mkt-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--color-border)}.mkt-table th{background:var(--color-brand-hover-bg);font-weight:700}.mkt-table tr:last-child td{border-bottom:none}.mkt-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.mkt-quote{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:24px;margin:0}.mkt-quote__text{font-size:.95rem;line-height:1.6;font-style:italic;margin-bottom:14px}.mkt-quote__author{font-size:.85rem;font-weight:700}.mkt-quote__author span{font-weight:400;color:var(--color-text-secondary)}.mkt-quote--expandable .mkt-quote__text{margin-bottom:12px}.mkt-quote__toggle{border:none;background:none;padding:0;font-size:.88rem;font-weight:600;color:var(--color-primary);cursor:pointer;font-family:inherit}.mkt-quote__toggle:hover{text-decoration:underline}.mkt-cta{text-align:center;padding:80px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.mkt-cta__title{font-family:Cinzel,serif;font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:12px}.mkt-cta__subtitle{font-size:1.05rem;opacity:.92;margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto}.mkt-site--home{background:var(--color-page-bg)}.mkt-site--home .mkt-hero--home{max-width:none;width:100%;margin:0;padding:0;display:block;min-height:clamp(640px,88vh,920px)}.mkt-hero--has-bg{position:relative;overflow:hidden}.mkt-hero__backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}.mkt-hero__backdrop-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.76}.mkt-hero__backdrop-shade{position:absolute;inset:0;background:linear-gradient(105deg,#0806189e,#08061847 40%,#08061824 62%,#08061861)}.mkt-hero__backdrop-glow{position:absolute;inset:auto -10% -20%;height:55%;background:radial-gradient(ellipse at center,rgba(251,191,36,.14),transparent 72%);pointer-events:none}.mkt-site--home .mkt-hero--has-bg .mkt-hero__overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,4vw,48px);min-height:inherit;max-width:1280px;margin:0 auto;padding:clamp(48px,8vw,80px) clamp(24px,5vw,56px)}.mkt-site--home .mkt-hero--has-bg .mkt-hero__inner{position:relative;flex:1 1 auto;width:100%;max-width:min(580px,100%);color:#fff;text-align:center}.mkt-site--home .mkt-hero--has-bg .mkt-hero__inner:before{content:"";position:absolute;inset:-24px -28px;z-index:-1;border-radius:24px;background:radial-gradient(ellipse at center,#08061870,#0806184d 62%,#08061833);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000038;pointer-events:none}.mkt-hero--has-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,var(--color-page-bg) 100%)}@media(min-width:900px){.mkt-site--home .mkt-hero--has-bg .mkt-hero__overlay{flex-direction:row;align-items:center;justify-content:flex-end}.mkt-site--home .mkt-hero--has-bg .mkt-hero__inner{flex:0 1 auto;max-width:min(560px,50%);margin-left:auto;text-align:left}.mkt-site--home .mkt-hero--has-bg .mkt-hero__inner:before{inset:-32px -40px -32px -36px}.mkt-site--home .mkt-hero--has-bg .mkt-hero__actions{justify-content:flex-start}.mkt-site--home .mkt-hero--has-bg .mkt-hero__subtitle,.mkt-site--home .mkt-hero--has-bg .mkt-hero__tagline{max-width:none}}.mkt-site--home .mkt-hero__eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:#7c73ff24;border:1px solid rgba(124,115,255,.28);letter-spacing:.08em}.mkt-site--home .mkt-hero--has-bg .mkt-hero__eyebrow{color:#ede9fe;background:#7c73ff38;border-color:#c4b5fd59;text-shadow:0 1px 6px rgba(0,0,0,.75)}.mkt-site--home .mkt-hero__title{background:linear-gradient(135deg,var(--color-text) 0%,#4c1d95 55%,var(--color-brand-quest) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.mkt-site--home .mkt-hero__accent{background:linear-gradient(135deg,var(--color-brand-quest) 0%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.mkt-site--home .mkt-hero__tagline{color:var(--color-primary-dark)}.mkt-site--home .mkt-hero--has-bg .mkt-hero__tagline{color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.75)}.mkt-site--home .mkt-hero--has-bg .mkt-hero__subtitle,.mkt-site--home .mkt-hero--has-bg .mkt-hero__note{color:#fffffff5;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.7)}.mkt-site--home .mkt-hero--has-bg .mkt-hero__title{color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset;filter:none;text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 12px rgba(0,0,0,.85),0 4px 28px rgba(0,0,0,.55)}.mkt-site--home .mkt-hero--has-bg .mkt-hero__accent{color:#fcd34d;background:none;-webkit-background-clip:unset;background-clip:unset;text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 12px rgba(0,0,0,.85)}.mkt-site a.mkt-btn--ghost.mkt-btn--ghost-on-dark{color:#fff;font-weight:700;border-color:#ffffffa6;background:#0806188c;text-shadow:0 1px 4px rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mkt-site a.mkt-btn--ghost.mkt-btn--ghost-on-dark:hover{color:#fff;border-color:#ffffffd9;background:#080618ad}.mkt-hero__highlights{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:22px 0 0}.mkt-hero__highlight{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(124,115,255,.22);font-size:.82rem;font-weight:600;color:var(--color-text);box-shadow:0 4px 16px #7c73ff1a;backdrop-filter:blur(8px)}.mkt-hero__highlight i{color:var(--color-primary)}.mkt-hero__highlight:nth-child(2) i{color:var(--color-brand-quest)}.mkt-hero__highlight:nth-child(3) i{color:#d97706}@keyframes mktHeroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mkt-btn--glow{box-shadow:0 8px 28px #7c73ff61}.mkt-btn--glow:hover{box-shadow:0 12px 36px #7c73ff7a}.mkt-site--home .mkt-banner--classcraft{margin-top:clamp(48px,7vw,80px);background:linear-gradient(135deg,#ff6b6b24,#7c73ff29);border:1px solid rgba(124,115,255,.28);box-shadow:0 12px 40px #7c73ff1a}.mkt-site--home .mkt-section--pillars{background:linear-gradient(180deg,rgba(124,115,255,.07) 0%,transparent 100%),var(--color-page-bg);max-width:none}.mkt-site--home .mkt-section--pillars>*{max-width:1200px;margin-left:auto;margin-right:auto}.mkt-site--home .mkt-pillar{background:var(--color-surface);border-radius:16px;border:1px solid rgba(124,115,255,.14);box-shadow:0 10px 32px #7c73ff14;transition:transform .2s ease,box-shadow .2s ease}.mkt-site--home .mkt-pillar:hover{transform:translateY(-4px);box-shadow:0 16px 40px #7c73ff24}.mkt-site--home .mkt-pillar__icon{width:56px;height:56px;margin:0 auto 14px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.mkt-site--home .mkt-pillar--1 .mkt-pillar__icon{color:var(--color-primary);background:#7c73ff29}.mkt-site--home .mkt-pillar--2 .mkt-pillar__icon{color:var(--color-brand-quest);background:#ff6b6b24}.mkt-site--home .mkt-pillar--3 .mkt-pillar__icon{color:#d97706;background:#fbbf242e}.mkt-site--home .mkt-section--alt{background:linear-gradient(180deg,#7c73ff14,#ff6b6b0d),var(--color-surface)}.mkt-site--home .mkt-card__icon{background:linear-gradient(135deg,#7c73ff2e,#ff6b6b1f)}.mkt-site--home .mkt-card-grid .mkt-card:nth-child(3n+2) .mkt-card__icon{background:linear-gradient(135deg,#ff6b6b29,#fbbf241f);color:var(--color-brand-quest)}.mkt-site--home .mkt-card-grid .mkt-card:nth-child(3n) .mkt-card__icon{background:linear-gradient(135deg,#10b98129,#0ea5e91f);color:var(--color-success-dark)}.mkt-site--home .mkt-card--link:hover{border-color:#7c73ff73;box-shadow:0 16px 40px #7c73ff29}.mkt-stat-card--hp{border-color:#ef444447;background:linear-gradient(160deg,rgba(239,68,68,.08),var(--color-page-bg))}.mkt-stat-card--hp .mkt-stat-card__stat{color:#ef4444}.mkt-stat-card--mp{border-color:#0ea5e947;background:linear-gradient(160deg,rgba(14,165,233,.08),var(--color-page-bg))}.mkt-stat-card--mp .mkt-stat-card__stat{color:#0ea5e9}.mkt-stat-card--xp{border-color:#7c73ff52;background:linear-gradient(160deg,rgba(124,115,255,.1),var(--color-page-bg))}.mkt-stat-card--xp .mkt-stat-card__stat{color:var(--color-primary)}.mkt-stat-card--gp{border-color:#f59e0b52;background:linear-gradient(160deg,rgba(251,191,36,.12),var(--color-page-bg))}.mkt-stat-card--gp .mkt-stat-card__stat{color:#d97706}.mkt-site--home .mkt-quote{border-left:4px solid var(--color-primary);background:linear-gradient(135deg,rgba(124,115,255,.06),var(--color-surface))}.mkt-site--home .mkt-quote:nth-child(2){border-left-color:var(--color-brand-quest)}.mkt-site--home .mkt-quote:nth-child(3){border-left-color:#d97706}.mkt-site--home .mkt-cta{background:radial-gradient(ellipse 80% 120% at 20% 0%,rgba(255,107,107,.35),transparent 55%),radial-gradient(ellipse 70% 100% at 80% 100%,rgba(251,191,36,.2),transparent 50%),linear-gradient(135deg,var(--color-primary) 0%,#5b21b6 48%,var(--color-primary-dark) 100%);box-shadow:inset 0 1px #ffffff26}[data-theme=dark] .mkt-site--home .mkt-hero__highlight{background:#0f172abf;border-color:#a78bfa40}[data-theme=dark] .mkt-site--home .mkt-hero__title{background:linear-gradient(135deg,#f8fafc,#c4b5fd 55%,#fca5a5);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .mkt-site--home .mkt-hero--has-bg .mkt-hero__title{color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset}[data-theme=dark] .mkt-site--home .mkt-hero--has-bg .mkt-hero__accent{color:#fcd34d;background:none;-webkit-background-clip:unset;background-clip:unset}[data-season] .mkt-site--home .mkt-hero--has-bg{background:transparent!important;border-color:transparent!important}[data-season] .mkt-site--home .mkt-hero--has-bg .mkt-hero__title,[data-season] .mkt-site--home .mkt-hero--has-bg .mkt-hero__subtitle,[data-season] .mkt-site--home .mkt-hero--has-bg .mkt-hero__tagline{color:#fff!important}[data-season] .mkt-site--home .mkt-hero--has-bg .mkt-hero__accent{color:#fcd34d!important}.mkt-feature-page{max-width:820px;margin:0 auto;padding:32px 24px 64px}.mkt-breadcrumb{font-size:.82rem;color:var(--color-text-secondary);margin-bottom:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mkt-breadcrumb a{color:var(--color-primary);text-decoration:none}.mkt-feature-hero{display:flex;gap:20px;align-items:flex-start;margin-bottom:24px}.mkt-feature-hero--with-shot{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,44%);gap:28px;align-items:center}.mkt-feature-hero__copy{min-width:0}.mkt-feature-hero-shot{margin:0;min-width:0}.mkt-feature-hero-shot__img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);background:var(--color-page-bg)}.mkt-feature-hero--wide{display:block}.mkt-feature-hero__icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.mkt-feature-hero__badge{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;background:var(--color-success);color:#fff;padding:4px 10px;border-radius:20px;margin-bottom:8px}.mkt-feature-hero__title{font-family:Cinzel,serif;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin-bottom:8px}.mkt-feature-hero__sub{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.5}.mkt-feature-intro{font-size:1.05rem;line-height:1.65;margin-bottom:20px}.mkt-feature-highlights{margin:0 0 28px;padding-left:1.25rem;line-height:1.6}.mkt-feature-highlights li{margin-bottom:8px}.mkt-teacher-angle{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--color-brand-hover-bg);border-radius:12px;margin-bottom:32px;border-left:4px solid var(--color-primary)}.mkt-teacher-angle i{color:var(--color-primary);font-size:1.25rem;margin-top:2px}.mkt-detail-section{margin-bottom:32px}.mkt-detail-section__title{font-size:1.2rem;font-weight:700;margin-bottom:10px}.mkt-detail-section__body{line-height:1.65;color:var(--color-text-secondary)}.mkt-detail-aside{background:#ff6b6b0f;border:1px solid rgba(255,107,107,.2);border-radius:12px;padding:20px;margin-bottom:32px}.mkt-detail-aside h3{font-size:1rem;margin-bottom:8px}.mkt-detail-aside a{color:var(--color-brand-quest);font-weight:700}.mkt-related{margin-top:48px}.mkt-related h2{font-family:Cinzel,serif;font-size:1.35rem;margin-bottom:20px}.mkt-feature-cta{text-align:center;margin-top:48px;padding:40px 24px;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border)}.mkt-feature-cta h2{font-family:Cinzel,serif;margin-bottom:8px}.mkt-feature-cta p{color:var(--color-text-secondary);margin-bottom:20px}.mkt-feature-cta .mkt-btn+.mkt-btn{margin-left:12px}.mkt-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:48px 24px 24px}.mkt-footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.mkt-footer__tagline{font-size:.88rem;color:var(--color-text-secondary);line-height:1.5;margin-top:8px}.mkt-footer__heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:12px}.mkt-footer__list{list-style:none;padding:0;margin:0}.mkt-footer__list a{display:block;padding:4px 0;font-size:.86rem;color:var(--color-text-secondary);text-decoration:none}.mkt-footer__list a:hover{color:var(--color-primary)}.mkt-footer__bottom{max-width:1200px;margin:32px auto 0;padding-top:20px;border-top:1px solid var(--color-border);text-align:center;font-size:.82rem;color:var(--color-text-secondary)}.mkt-footer__social{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.mkt-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-page-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:1.1rem;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.mkt-footer__social-link:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.mkt-hero{grid-template-columns:1fr;padding-bottom:48px}.mkt-site--home .mkt-hero--has-bg{min-height:clamp(560px,82vh,760px)}.mkt-site--home .mkt-hero--has-bg .mkt-hero__overlay{padding-top:clamp(40px,7vw,72px);padding-bottom:clamp(40px,7vw,72px)}.mkt-site--home .mkt-hero--has-bg .mkt-hero__inner:before{inset:-20px -18px}.mkt-hero__backdrop-shade{background:linear-gradient(180deg,#080618ad,#08061857 45%,#0806187a)}.mkt-footer__inner{grid-template-columns:1fr 1fr}}@media(max-width:720px){.mkt-nav__toggle{display:flex;align-items:center;justify-content:center}.mkt-nav__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:16px;box-shadow:var(--shadow-md)}.mkt-nav__links.is-open{display:flex}.mkt-nav__item--dropdown.is-open .mkt-nav__dropdown,.mkt-nav__item--dropdown:hover .mkt-nav__dropdown{display:grid;position:static;margin-top:8px;padding:12px;box-shadow:none;border:none;grid-template-columns:1fr;max-height:none}.mkt-footer__inner{grid-template-columns:1fr}.mkt-feature-cta .mkt-btn+.mkt-btn,.mkt-rich-cta__actions .mkt-btn+.mkt-btn{margin-left:0;margin-top:10px;display:block}.mkt-creator{grid-template-columns:1fr;text-align:center}.mkt-creator__media{margin:0 auto}.mkt-hero-class-grid,.mkt-stat-grid,.mkt-pillar-grid,.mkt-info-grid,.mkt-highlight-grid,.mkt-mission-grid{grid-template-columns:1fr}}.mkt-rich-page{max-width:960px;margin:0 auto;padding:32px 24px 72px}.mkt-rich-hero{text-align:center;margin-bottom:40px}.mkt-rich-hero__title{font-family:Cinzel,serif;font-size:clamp(2rem,5vw,2.75rem);line-height:1.15;margin-bottom:12px}.mkt-rich-hero__sub{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.6;max-width:720px;margin:0 auto}.mkt-rich-section{margin-bottom:48px}.mkt-rich-section__title{font-family:Cinzel,serif;font-size:1.5rem;margin-bottom:14px}.mkt-rich-section__intro,.mkt-rich-section__outro{line-height:1.65;color:var(--color-text-secondary);margin-bottom:16px}.mkt-disclaimer{padding:16px 18px;background:var(--color-background-secondary);border-left:4px solid var(--color-warning, #d97706);border-radius:10px;margin-bottom:40px;font-size:.92rem;line-height:1.6}.mkt-disclaimer strong{display:block;margin-bottom:6px}.mkt-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.mkt-info-card{padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-info-card h3{font-size:1rem;margin-bottom:8px}.mkt-info-card p{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55}.mkt-lookback-list,.mkt-pitch-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.mkt-lookback-list li,.mkt-pitch-list li{padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;line-height:1.55}.mkt-lookback-list strong,.mkt-pitch-list strong{display:block;margin-bottom:4px}.mkt-pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mkt-pillar-grid--core{gap:20px}@media(min-width:1024px){.mkt-pillar-grid--core{grid-template-columns:repeat(4,1fr)}}.mkt-site--home .mkt-section--core .mkt-pillar-card{height:100%;background:var(--color-page-bg);border-color:#7c73ff24;transition:border-color .2s ease,box-shadow .2s ease}.mkt-site--home .mkt-section--core .mkt-pillar-card:hover{border-color:#7c73ff59;box-shadow:0 12px 32px #7c73ff1a}.mkt-site--home .mkt-section--core .mkt-pillar-card:nth-child(1) .mkt-pillar-card__icon{background:#ef44441f;color:var(--color-danger-dark)}.mkt-site--home .mkt-section--core .mkt-pillar-card:nth-child(2) .mkt-pillar-card__icon{background:#0ea5e91f;color:var(--color-info-dark)}.mkt-site--home .mkt-section--core .mkt-pillar-card:nth-child(3) .mkt-pillar-card__icon{background:#10b9811f;color:var(--color-success-dark)}.mkt-site--home .mkt-section--core .mkt-pillar-card:nth-child(4) .mkt-pillar-card__icon{background:#fbbf2429;color:var(--color-warning-dark)}.mkt-pillar-card{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-pillar-card__icon{width:44px;height:44px;border-radius:10px;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:12px}.mkt-pillar-card__title{font-size:1.05rem;margin-bottom:8px}.mkt-pillar-card__body{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55}.mkt-compare-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:12px}.mkt-compare-table{width:100%;border-collapse:collapse;font-size:.92rem}.mkt-compare-table th,.mkt-compare-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.mkt-compare-table th{background:var(--color-background-secondary);font-weight:700}.mkt-compare-table th:nth-child(2),.mkt-compare-table td:nth-child(2){text-align:center;color:var(--color-success)}.mkt-compare-table th:nth-child(3),.mkt-compare-table td:nth-child(3){text-align:center}.mkt-compare-yes{color:var(--color-success)}.mkt-compare-no{color:var(--color-text-secondary)}.mkt-compare-table--text th[scope=row]{font-weight:600;white-space:nowrap;width:22%}.mkt-compare-table--text td{font-size:.88rem;line-height:1.5;vertical-align:top}.mkt-compare-table--text th:nth-child(2),.mkt-compare-table--text td:nth-child(2){text-align:left;color:var(--color-text-secondary)}.mkt-compare-table--text th:nth-child(3),.mkt-compare-table--text td:nth-child(3){text-align:left}.mkt-compare-tq{color:var(--color-text);font-weight:500}.mkt-cc-map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mkt-cc-map-card{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:10px}.mkt-cc-map-card__head{display:flex;gap:14px;align-items:flex-start}.mkt-cc-map-card__icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.mkt-cc-map-card__was{font-size:.82rem;color:var(--color-text-secondary);margin-bottom:4px}.mkt-cc-map-card__now{font-size:1.05rem;line-height:1.3}.mkt-cc-map-card__body{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55}.mkt-cc-map-card__improved{font-size:.88rem;line-height:1.5;padding:10px 12px;background:var(--color-background-secondary);border-radius:8px;margin:0}.mkt-cc-map-card__improved strong{color:var(--color-primary)}.mkt-cc-map-card__link{font-size:.88rem;font-weight:600;color:var(--color-primary);margin-top:auto}.mkt-rich-section--beyond{padding:28px;background:linear-gradient(135deg,#7c73ff0f,#10b9810a);border:1px solid rgba(124,115,255,.12);border-radius:16px}.mkt-cc-new-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mkt-cc-new-card{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.mkt-cc-new-card__icon{width:40px;height:40px;border-radius:8px;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:10px}.mkt-cc-new-card__title{font-size:.95rem;margin-bottom:6px}.mkt-cc-new-card__body{font-size:.85rem;color:var(--color-text-secondary);line-height:1.45;margin-bottom:8px}.mkt-cc-new-card__link{font-size:.82rem;font-weight:600;color:var(--color-primary)}@media(max-width:960px){.mkt-cc-map-grid{grid-template-columns:1fr}.mkt-cc-new-grid{grid-template-columns:repeat(2,1fr)}.mkt-compare-table--text th[scope=row]{white-space:normal}}@media(max-width:560px){.mkt-cc-new-grid{grid-template-columns:1fr}}.mkt-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mkt-highlight-card{padding:20px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-highlight-card__icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.mkt-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mkt-stat-block{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-stat-block__stat{font-family:Cinzel,serif;font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:6px}.mkt-stat-block__title{font-size:1.05rem;margin-bottom:8px}.mkt-stat-block__body{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55;margin-bottom:8px}.mkt-stat-block__example{font-size:.85rem;padding:8px 10px;background:var(--color-brand-hover-bg);border-radius:8px}.mkt-hero-class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mkt-hero-class{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-hero-class__head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.mkt-hero-class__icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.mkt-hero-class--defender .mkt-hero-class__icon{background:linear-gradient(135deg,var(--color-class-defender),var(--color-danger-dark))}.mkt-hero-class--wizard .mkt-hero-class__icon{background:linear-gradient(135deg,var(--color-class-wizard),var(--color-info-dark))}.mkt-hero-class--healer .mkt-hero-class__icon{background:linear-gradient(135deg,var(--color-class-healer),var(--color-success-dark))}.mkt-hero-class--augmentor .mkt-hero-class__icon{background:linear-gradient(135deg,var(--color-class-augmentor),var(--color-warning-dark))}.mkt-hero-class--defender .mkt-hero-class__title{color:var(--color-class-defender)}.mkt-hero-class--wizard .mkt-hero-class__title{color:var(--color-class-wizard)}.mkt-hero-class--healer .mkt-hero-class__title{color:var(--color-class-healer)}.mkt-hero-class--augmentor .mkt-hero-class__title{color:var(--color-class-augmentor)}.mkt-hero-class__title{font-size:1.1rem;margin-bottom:2px}.mkt-hero-class__stats{font-size:.82rem;color:var(--color-text-secondary);font-weight:600}.mkt-hero-class__body{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55;margin-bottom:10px}.mkt-hero-class__perks{margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.5}.mkt-key-feature-list{display:grid;gap:16px}.mkt-key-feature{display:flex;gap:16px;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-key-feature__icon{width:44px;height:44px;border-radius:10px;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mkt-key-feature h3{font-size:1.05rem;margin-bottom:6px}.mkt-key-feature p{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55;margin-bottom:8px}.mkt-key-feature__link{font-size:.88rem;font-weight:600;color:var(--color-primary);text-decoration:none}.mkt-aside-note{padding:16px 20px;margin-bottom:8px;background:var(--color-background-secondary);border-left:3px solid var(--color-primary);border-radius:0 10px 10px 0}.mkt-aside-note__body{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55;margin:0 0 8px}.mkt-aside-note__link{font-size:.88rem;font-weight:600;color:var(--color-primary)}.mkt-rich-section__subtitle{font-size:1.05rem;margin:24px 0 12px}.mkt-pedagogy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mkt-pedagogy-card{padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-pedagogy-card__icon{width:40px;height:40px;border-radius:8px;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.mkt-pedagogy-card__title{font-size:1rem;margin-bottom:8px}.mkt-pedagogy-card__body{font-size:.9rem;color:var(--color-text-secondary);line-height:1.55;margin:0}.mkt-rich-section--research{padding:24px;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:14px}.mkt-research-list{display:grid;gap:12px;margin-bottom:16px}.mkt-research-card{margin:0;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.mkt-research-card__finding{font-size:.92rem;line-height:1.55;margin:0 0 10px}.mkt-research-card__source{font-size:.82rem;color:var(--color-text-secondary);line-height:1.45}.mkt-research-card__source cite{font-style:normal;font-weight:600;color:var(--color-text)}.mkt-research-takeaway{font-size:.92rem;line-height:1.6;padding:14px 16px;background:var(--color-surface);border-radius:10px;border:1px solid rgba(124,115,255,.2);margin:0}.mkt-classroom-stat{padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-classroom-stat__label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin:0 0 6px}.mkt-classroom-stat__rpg{font-family:Cinzel,serif;font-size:1.35rem;font-weight:700;color:var(--color-primary);margin-bottom:10px}.mkt-classroom-stat__body{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55;margin:0 0 10px}.mkt-classroom-stat__example{font-size:.85rem;line-height:1.5;padding:10px 12px;background:var(--color-background-secondary);border-radius:8px;margin:0}.mkt-ped-feature-list{display:grid;gap:14px}.mkt-ped-feature{display:flex;gap:16px;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-ped-feature__icon{width:44px;height:44px;border-radius:10px;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mkt-ped-feature__title{font-size:1.05rem;margin-bottom:4px}.mkt-ped-feature__rpg{font-size:.82rem;color:var(--color-primary);font-weight:600;margin-bottom:8px}.mkt-ped-feature__body{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55;margin-bottom:8px}.mkt-ped-feature__why{font-size:.88rem;line-height:1.5;padding:10px 12px;background:var(--color-background-secondary);border-radius:8px;margin-bottom:8px}.mkt-ped-feature__why strong{color:var(--color-text)}.mkt-ped-feature__link{font-size:.88rem;font-weight:600;color:var(--color-primary)}.mkt-team-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.mkt-team-role{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-team-role__head{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.mkt-team-role__icon{width:40px;height:40px;border-radius:8px;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mkt-team-role__title{font-size:1rem;margin-bottom:4px}.mkt-team-role__role{font-size:.85rem;color:var(--color-primary);font-weight:600;line-height:1.4;margin:0}.mkt-team-role__body{font-size:.9rem;color:var(--color-text-secondary);line-height:1.55;margin:0}.mkt-team-benefits{padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-team-benefits__list{margin:0;padding-left:1.2rem;line-height:1.6;font-size:.92rem}.mkt-team-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mkt-team-col{padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-team-col h3{font-size:1rem;margin-bottom:10px}.mkt-team-col ul{margin:0;padding-left:1.2rem;line-height:1.6;font-size:.92rem}.mkt-steps{display:grid;gap:16px}.mkt-step{display:flex;gap:16px;align-items:flex-start;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-step__num{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mkt-step__title{font-size:1.05rem;margin-bottom:4px}.mkt-step__body{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55}.mkt-rich-cta{text-align:center;padding:40px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:16px;margin-top:16px}.mkt-rich-cta__title{font-family:Cinzel,serif;font-size:1.75rem;margin-bottom:10px}.mkt-rich-cta__sub{font-size:1.05rem;opacity:.92;margin-bottom:20px;line-height:1.5}.mkt-rich-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.mkt-rich-cta .mkt-btn--ghost{border-color:#fff9;color:#fff}.mkt-rich-cta .mkt-btn--ghost:hover{background:#ffffff1f}.mkt-creator-list{display:grid;gap:40px;margin-bottom:48px}.mkt-creator{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.mkt-creator__media{position:relative;width:280px}.mkt-creator__photo{width:100%;height:auto;border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.mkt-creator__badge{position:absolute;bottom:12px;left:12px;padding:4px 10px;border-radius:20px;background:var(--color-primary);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase}.mkt-creator__name{font-family:Cinzel,serif;font-size:1.5rem;margin-bottom:4px}.mkt-creator__role{font-size:.95rem;color:var(--color-primary);font-weight:600;margin-bottom:16px}.mkt-creator__bio{line-height:1.65;color:var(--color-text-secondary);margin-bottom:14px}.mkt-mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mkt-mission-card{padding:20px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.mkt-mission-card__icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:var(--color-brand-hover-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.mkt-mission-card h3{font-size:1.05rem;margin-bottom:8px}.mkt-mission-card p{font-size:.92rem;color:var(--color-text-secondary);line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.mkt-pedagogy-grid,.mkt-team-role-grid{grid-template-columns:1fr}.mkt-ped-feature{flex-direction:column}.mkt-team-cols,.mkt-feature-hero--with-shot{grid-template-columns:1fr}.mkt-feature-hero-shot{order:-1}}.mkt-site--app-legal{min-height:calc(100vh - 96px)}.mkt-legal-doc{max-width:820px;margin:0 auto;padding:32px 20px 48px}.mkt-legal-doc__header{margin-bottom:28px}.mkt-legal-doc__title{font-family:Cinzel,serif;font-size:clamp(1.75rem,4vw,2.25rem);color:var(--color-primary);margin:0 0 8px}.mkt-legal-doc__updated{color:var(--color-text-secondary);font-size:.92rem;margin:0 0 16px}.mkt-legal-doc__intro{font-size:1.02rem;line-height:1.65;color:var(--color-text)}.mkt-legal-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(124,115,255,.12)}.mkt-legal-section:last-child{border-bottom:none}.mkt-legal-section h2{font-size:1.15rem;color:var(--color-primary);margin:0 0 12px}.mkt-legal-section h3{font-size:1rem;margin:16px 0 8px;color:var(--color-text)}.mkt-legal-section p,.mkt-legal-section li{line-height:1.65;color:var(--color-text-secondary)}.mkt-legal-section ul{margin:10px 0 0;padding-left:1.25rem}.mkt-legal-section a{color:var(--color-primary);text-decoration:underline}.mkt-legal-notice{margin-top:28px;padding:16px 18px;border-radius:12px;background:#7c73ff14;border:1px solid rgba(124,115,255,.2)}.mkt-legal-notice strong{display:block;margin-bottom:6px;color:var(--color-primary)}.mkt-legal-notice p{margin:0;color:var(--color-text-secondary);line-height:1.55}.mkt-footer__col--legal .mkt-footer__list{margin-bottom:0}.auth-legal-notice{margin:14px 0 0;font-size:.82rem;line-height:1.5;color:var(--color-text-secondary);text-align:center}.auth-legal-notice a{color:var(--color-primary);text-decoration:underline}.auth-remember-row{margin:16px 0 8px;padding:12px 14px;border-radius:12px;background:#7c73ff0f;border:1px solid rgba(124,115,255,.12)}.auth-remember-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;cursor:pointer;user-select:none}.auth-remember-toggle__label{font-size:.94rem;font-weight:500;color:var(--color-text);line-height:1.35}.auth-remember-toggle__control{position:relative;display:inline-flex;flex-shrink:0;width:46px;height:28px}.auth-remember-toggle__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.auth-remember-toggle__track{display:block;width:46px;height:28px;border-radius:999px;background:#94a3b873;box-shadow:inset 0 1px 2px #0f172a1f;transition:background .22s ease,box-shadow .22s ease;pointer-events:none}.auth-remember-toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a2e;transition:transform .22s cubic-bezier(.4,0,.2,1)}.auth-remember-toggle__control .auth-remember-toggle__track{position:relative}.auth-remember-toggle__input:checked+.auth-remember-toggle__track{background:var(--color-primary);box-shadow:inset 0 1px 2px #0f172a26}.auth-remember-toggle__input:checked+.auth-remember-toggle__track:after{transform:translate(18px)}.auth-remember-toggle__input:focus-visible+.auth-remember-toggle__track{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .auth-remember-row{background:#7c73ff1a;border-color:#7c73ff38}[data-theme=dark] .auth-remember-toggle__track{background:#475569d9}[data-theme=dark] .auth-remember-toggle__track:after{background:#f8fafc}.auth-forgot-row{margin:-4px 0 12px;text-align:right}.auth-forgot-row a{font-size:.88rem;font-weight:500;color:var(--color-primary);text-decoration:none}.auth-forgot-row a:hover{text-decoration:underline}.auth-forgot-help{margin:16px 0 0;font-size:.85rem;line-height:1.5;color:var(--color-text-secondary);text-align:center}.auth-verify-email-card{margin-top:8px;padding:22px 18px;border-radius:14px;text-align:center;background:#7c73ff14;border:1px solid rgba(124,115,255,.16)}.auth-verify-email-icon{font-size:2.4rem;color:var(--color-primary);margin-bottom:12px}.auth-verify-email-address{margin:0 0 18px;font-size:.92rem;color:var(--color-text-secondary);word-break:break-word}.auth-verify-email-actions{display:flex;flex-direction:column;gap:0}.form-submit--secondary{background:transparent;color:var(--color-primary);border:1px solid rgba(124,115,255,.35);box-shadow:none}.form-submit--secondary:hover{background:#7c73ff14}.cookie-consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:30000;padding:16px;background:#0f172af5;color:#f8fafc;box-shadow:0 -8px 32px #00000040}.cookie-consent-banner__inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.cookie-consent-banner__text{flex:1 1 320px}.cookie-consent-banner__text strong{display:block;margin-bottom:6px;font-size:1rem}.cookie-consent-banner__text p{margin:0;font-size:.9rem;line-height:1.5;color:#cbd5e1}.cookie-consent-banner__text a{color:#a5b4fc}.cookie-consent-banner__actions{display:flex;flex-wrap:wrap;gap:10px}.cookie-consent-btn{border:none;border-radius:10px;padding:10px 16px;font-weight:600;font-size:.9rem;cursor:pointer}.cookie-consent-btn--primary{background:linear-gradient(135deg,#7c73ff,#6366f1);color:#fff}.cookie-consent-btn--secondary{background:transparent;color:#e2e8f0;border:1px solid rgba(148,163,184,.45)}body.cookie-consent-open{padding-bottom:120px}@media(max-width:640px){.cookie-consent-banner__actions{width:100%}.cookie-consent-btn{flex:1 1 auto}}.user-type-container{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;background:var(--color-page-bg);padding:20px}.user-type-box{background:var(--color-surface);border-radius:16px;padding:40px;max-width:600px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp .5s ease}.user-type-header{text-align:center;margin-bottom:40px}.user-type-title{font-family:Cinzel,serif;font-size:32px;margin-bottom:10px;color:var(--color-text)}.user-type-subtitle{color:var(--color-text-secondary);font-size:14px}.user-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.user-type-card{background:var(--color-background-alt);border:2px solid var(--color-input-border);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px}.user-type-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #7c73ff33;transform:translateY(-5px)}.user-type-icon{font-size:48px;color:var(--color-primary)}.user-type-name{font-weight:600;color:var(--color-text)}.user-type-desc{font-size:12px;color:var(--color-text-light)}.dashboard-container{padding:40px 20px;max-width:1400px;margin:0 auto;width:100%}.welcome-card{background:var(--color-surface);border-radius:12px;padding:30px;box-shadow:var(--shadow-md);text-align:center}.welcome-card h1{color:var(--color-primary);margin-bottom:10px}#app.teacher-dashboard-view{position:relative;isolation:isolate;min-height:calc(100vh - 96px);min-height:calc(100svh - 96px)}.teacher-dashboard-backdrop{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.55;pointer-events:none}.teacher-dashboard-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(124,115,255,.18) 0%,var(--color-page-bg) 45%,var(--color-page-bg) 100%);opacity:.92}#app.teacher-dashboard-view>*:not(.teacher-dashboard-backdrop){position:relative;z-index:1}.teacher-dashboard-page{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:calc(100vh - 96px);min-height:calc(100svh - 96px)}.teacher-dashboard{flex:1 1 auto;max-width:1200px;margin:0 auto;padding:28px 20px 32px;width:100%}.app-footer-bar{flex-shrink:0;margin-top:auto;padding:20px 20px 28px;background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.7);box-shadow:0 -8px 32px #0f172a0f}.app-footer-bar__inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.app-footer-bar__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.app-footer-bar__link{font-size:.88rem;font-weight:600;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.app-footer-bar__link:hover{color:var(--color-primary)}.app-footer-bar__sep{color:var(--color-text-light);font-size:.88rem;user-select:none}.app-footer-bar__social{display:flex;align-items:center;justify-content:center;gap:12px}.app-footer-bar__social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-background-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:1.1rem;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.app-footer-bar__social-link:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}.app-footer-bar__copyright{margin:0;font-size:.82rem;color:var(--color-text-light)}html[data-theme=dark] .app-footer-bar{background:#111827e6;border-top-color:#ffffff14;box-shadow:0 -8px 32px #00000047}html[data-theme=dark] .app-footer-bar__social-link{background:#ffffff0f;border-color:#ffffff1f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-footer-bar{background:#111827e6;border-top-color:#ffffff14;box-shadow:0 -8px 32px #00000047}:root:not([data-theme=light]) .app-footer-bar__social-link{background:#ffffff0f;border-color:#ffffff1f}}@media(max-width:768px){.app-footer-bar{padding:18px 16px 24px}.app-footer-bar__inner{gap:12px}}.td-hero{margin-bottom:24px;padding:28px 32px;border-radius:20px;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 40px #0f172a1a}.td-hero__eyebrow{margin:0 0 6px;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.td-hero__title{margin:0 0 8px;font-family:Cinzel,serif;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;color:var(--color-text)}.td-hero__subtitle{margin:0 0 14px;font-size:1rem;color:var(--color-text-secondary);max-width:36rem}.td-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600;background:#7c73ff1f;color:var(--color-primary);border:1px solid rgba(124,115,255,.22)}.td-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap;flex-shrink:0}.td-btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 8px 24px #7c73ff59}.td-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7c73ff73}.td-btn--primary:active{transform:translateY(0)}.td-dock{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;padding:10px;border-radius:16px;background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);box-shadow:0 6px 24px #0f172a0f}.td-dock__item{display:flex;align-items:center;gap:10px;flex:1 1 160px;min-width:0;padding:12px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.td-dock__item:hover{border-color:var(--color-primary);background:#7c73ff0f;transform:translateY(-2px);box-shadow:0 6px 20px #7c73ff1f}.td-dock__item:active{transform:translateY(0)}.td-dock__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#7c73ff1f;color:var(--color-primary);font-size:1rem;flex-shrink:0;transition:background .2s ease,color .2s ease}.td-dock__item:hover .td-dock__icon{background:var(--color-primary);color:#fff}.td-dock__item--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:transparent;color:#fff;box-shadow:0 6px 20px #7c73ff4d}.td-dock__item--primary .td-dock__icon{background:#fff3;color:#fff}.td-dock__item--primary:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-color:transparent;color:#fff;box-shadow:0 8px 28px #7c73ff66}.td-dock__item--primary:hover .td-dock__icon{background:#ffffff47;color:#fff}.td-dock__label{text-align:left}.td-section-title{margin:0 0 20px;font-family:Cinzel,serif;font-size:1.35rem;letter-spacing:.03em;color:var(--color-text)}.td-empty{text-align:center;padding:32px 20px;margin-bottom:20px;border-radius:16px;background:#fff9;border:1px dashed rgba(124,115,255,.35)}.td-empty__icon{font-size:2.5rem;color:var(--color-primary);opacity:.7;margin-bottom:12px}.td-empty__text{margin:0;font-size:1rem;color:var(--color-text-secondary)}.td-classrooms__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.td-classroom-card{position:relative;border-radius:16px;overflow:hidden;opacity:1;transform:translateY(0);transition:opacity .45s ease,transform .45s ease;transition-delay:var(--stagger, 0ms)}.td-classroom-card[data-animate-card]:not(.td-animate-in){opacity:0;transform:translateY(16px)}.td-classroom-card.td-animate-in{opacity:1;transform:translateY(0)}.td-classroom-card__glow{position:absolute;inset:-1px;border-radius:17px;background:linear-gradient(135deg,hsl(var(--card-hue, 262) 72% 62%),hsl(calc(var(--card-hue, 262) + 30) 65% 55%));opacity:0;transition:opacity .3s ease;z-index:0}.td-classroom-card:hover .td-classroom-card__glow{opacity:1}.td-classroom-card__body{position:relative;z-index:1;border:1px solid var(--color-border);border-radius:16px;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.td-classroom-card:hover .td-classroom-card__body{border-color:transparent;transform:translateY(-4px);box-shadow:0 16px 40px #0f172a1f}.td-classroom-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--color-border)}.td-classroom-card__main{display:flex;flex-direction:column;gap:14px;width:100%;padding:16px 20px 18px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .2s ease;outline:none}.td-classroom-card__main:hover{background:#7c73ff08}.td-classroom-card__main:focus-visible{background:#7c73ff0d;box-shadow:inset 0 0 0 2px #7c73ff59}.td-classroom-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.td-classroom-card__name{margin:0;font-family:Audiowide,sans-serif;font-size:1.1rem;line-height:1.3;color:var(--color-text);word-break:break-word}.td-classroom-card__code-wrap{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.td-classroom-card__copy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:hsl(var(--card-hue, 262) 55% 48%);font-size:.82rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.td-classroom-card__copy:hover{background:#7c73ff1f;border-color:#7c73ff40;color:var(--color-primary);transform:scale(1.05)}.td-classroom-card__code{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;background:hsl(var(--card-hue, 262) 70% 95%);color:hsl(var(--card-hue, 262) 55% 42%)}.td-classroom-card__meta{display:flex;flex-wrap:wrap;gap:10px}.td-classroom-card__stat{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-background-alt)}.td-classroom-card__stat i{color:hsl(var(--card-hue, 262) 55% 50%);font-size:.78rem}.td-classroom-card__cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:.9rem;font-weight:700;color:hsl(var(--card-hue, 262) 55% 48%);transition:gap .2s ease}.td-classroom-card:hover .td-classroom-card__cta{gap:12px}.td-classroom-card__cta i{transition:transform .2s ease}.td-classroom-card:hover .td-classroom-card__cta i{transform:translate(3px)}.td-classroom-card__toolbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px;max-height:0;opacity:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .28s ease,opacity .22s ease,padding .28s ease,border-color .22s ease}.td-classroom-card:hover .td-classroom-card__toolbar,.td-classroom-card:focus-within .td-classroom-card__toolbar{max-height:84px;opacity:1;padding:14px 16px 16px;border-top-color:var(--color-border)}.td-classroom-card__tool{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-size:.78rem;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;cursor:pointer;transition:all .2s ease}.td-classroom-card__tool:hover{border-color:var(--color-primary);color:var(--color-primary);background:#7c73ff14}.td-classroom-card__tool--danger:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef444414}html[data-theme=dark] .td-hero,html[data-theme=dark] .td-dock{background:#111827d9;border-color:#ffffff1a;box-shadow:0 12px 40px #00000059}html[data-theme=dark] .td-dock__item{background:#1f2937e6;border-color:#ffffff14}html[data-theme=dark] .td-empty{background:#11182799}html[data-theme=dark] .td-classroom-card__body{background:#111827eb;border-color:#ffffff1a}html[data-theme=dark] .td-classroom-card__header{border-bottom-color:#ffffff1a}html[data-theme=dark] .td-classroom-card__main:hover{background:#7c73ff14}html[data-theme=dark] .td-dock__item--primary{box-shadow:0 6px 20px #7c73ff40}html[data-theme=dark] .td-classroom-card__code{background:hsl(var(--card-hue, 262) 40% 18%);color:hsl(var(--card-hue, 262) 70% 78%)}html[data-theme=dark] .td-classroom-card__stat{background:#ffffff0f}html[data-theme=dark] .td-classroom-card__tool{background:#1f2937f2;border-color:#ffffff14}html[data-theme=dark] .td-classroom-card:hover .td-classroom-card__toolbar,html[data-theme=dark] .td-classroom-card:focus-within .td-classroom-card__toolbar{border-top-color:#ffffff1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .td-hero,:root:not([data-theme=light]) .td-dock{background:#111827d9;border-color:#ffffff1a;box-shadow:0 12px 40px #00000059}:root:not([data-theme=light]) .td-dock__item{background:#1f2937e6;border-color:#ffffff14}:root:not([data-theme=light]) .td-empty{background:#11182799}:root:not([data-theme=light]) .td-classroom-card__body{background:#111827eb;border-color:#ffffff1a}:root:not([data-theme=light]) .td-classroom-card__main:hover{background:#7c73ff14}:root:not([data-theme=light]) .td-classroom-card__code{background:hsl(var(--card-hue, 262) 40% 18%);color:hsl(var(--card-hue, 262) 70% 78%)}:root:not([data-theme=light]) .td-classroom-card__stat{background:#ffffff0f}:root:not([data-theme=light]) .td-classroom-card__tool{background:#1f2937f2;border-color:#ffffff14}:root:not([data-theme=light]) .td-classroom-card:hover .td-classroom-card__toolbar,:root:not([data-theme=light]) .td-classroom-card:focus-within .td-classroom-card__toolbar{border-top-color:#ffffff1a}}@media(max-width:768px){.td-hero{padding:22px 20px}.td-classroom-card__toolbar{max-height:none;opacity:1;padding:14px 16px 16px;border-top-color:var(--color-border)}.td-classroom-card__tool{font-size:.74rem;padding:8px 6px}.td-classrooms__grid,.user-type-options{grid-template-columns:1fr}}.dashboard-container{display:flex;gap:30px;align-items:flex-start;margin-bottom:30px}.profile-preview{flex-shrink:0;width:150px;height:150px;border-radius:12px;overflow:hidden;border:4px solid #7C73FF;box-shadow:0 8px 24px #7c73ff33}.profile-preview img{width:100%;height:100%;object-fit:cover;display:block}.profile-carousel{flex:1;min-width:0;display:flex;gap:15px;align-items:center;background:var(--color-background-alt);padding:15px;border-radius:12px;overflow:hidden}.carousel-btn{flex-shrink:0;width:40px;height:40px;border:none;background:#7c73ff;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:16px}.carousel-btn:hover{background:#6b62e8;transform:scale(1.1)}.carousel-btn:active{transform:scale(.95)}.profile-carousel-grid{flex:1;min-width:0;display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:5px 0}.profile-carousel-grid::-webkit-scrollbar{height:6px}.profile-carousel-grid::-webkit-scrollbar-track{background:#e0e0e0;border-radius:3px}.profile-carousel-grid::-webkit-scrollbar-thumb{background:#7c73ff;border-radius:3px}.carousel-item{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;border:3px solid #e0e0e0;cursor:pointer;transition:all .3s ease;position:relative}.carousel-item img{width:100%;height:100%;object-fit:cover;display:block}.carousel-item:hover{border-color:var(--color-primary);transform:scale(1.05)}.carousel-item.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c73ff4d}.carousel-item.active:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#7c73ffe6;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}@media(max-width:768px){.profile-selector-container{flex-direction:column;gap:20px}.profile-preview{width:120px;height:120px;margin:0 auto}.carousel-item{width:70px;height:70px}}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--color-text-muted, #64748b);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#7c73ff33}.google-signin-mount{display:flex;justify-content:center;min-height:44px;min-width:280px;width:100%}.google-signin-mount--blocked{opacity:.45;pointer-events:none;filter:grayscale(.35)}.google-register-codes-hint{margin:0 0 12px;font-size:.88rem;line-height:1.45;color:var(--color-text-secondary);text-align:center}.register-student-codes__lead{margin:0 0 16px;font-size:.92rem;line-height:1.5;color:var(--color-text-secondary);text-align:center}.auth-divider--compact{margin:8px 0 20px}.google-signin-unavailable{margin:0;font-size:.85rem;color:var(--color-text-muted, #64748b);text-align:center}.gc-import-panel{margin:0 0 16px;padding:14px 16px;border-radius:12px;border:1px solid rgba(124,115,255,.2);background:#7c73ff0d}.gc-import-status{margin-bottom:10px;font-size:.92rem;color:var(--color-text-muted, #64748b)}.gc-import-flow .btn,.gc-import-actions .btn{margin-top:10px}.google-link-modal{width:min(420px,calc(100vw - 32px))}.wizard-feature-title{margin-bottom:30px;font-family:Cinzel,serif;color:#333;font-size:18px;font-weight:600}.wizard-header{margin-bottom:30px}.wizard-title{font-family:Cinzel,serif;font-size:28px;color:var(--color-text);margin-bottom:15px}.wizard-progress{display:flex;gap:10px;flex-wrap:wrap}.progress-step{flex:1;min-width:100px;padding:10px;background:#f0f0f0;border-radius:6px;text-align:center;font-size:12px;font-weight:600;color:#999;transition:all .3s ease}.progress-step.active{background:#7c73ff;color:#fff}.toggle-group{display:flex;flex-direction:column;gap:15px}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer;width:fit-content;height:26px}.toggle-switch input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:48px;height:26px;background-color:#d1d5db;border:none;border-radius:13px;outline:none;cursor:pointer;position:relative;transition:background-color .3s ease;flex-shrink:0;margin:0;padding:0;vertical-align:middle}.toggle-switch input[type=checkbox]:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:left .3s ease;box-shadow:0 2px 6px #00000026}.toggle-switch input[type=checkbox]:checked{background-color:#10b981}.toggle-switch input[type=checkbox]:checked:before{left:24px}.toggle-label-text{font-weight:600;color:var(--color-text);white-space:nowrap;user-select:none;font-size:15px;margin:0;padding:0;vertical-align:middle}.toggle-hint{font-size:12px;color:#999;margin-left:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.feature-card{padding:18px;background:var(--color-surface);border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.feature-card:hover{border-color:#7c73ff;box-shadow:0 4px 12px #7c73ff26;transform:translateY(-2px)}.feature-card.active{background:#7c73ff;border-color:#7c73ff;color:#fff}.feature-icon{font-size:28px;color:#7c73ff;display:flex;align-items:center;justify-content:center}.feature-card.active .feature-icon{color:#fff}.feature-name{font-weight:700;font-size:14px;color:var(--color-text);font-family:Open Sans,sans-serif}.feature-card.active .feature-name{color:#fff}.feature-desc{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.feature-card.active .feature-desc{color:#fffffff2}.phase3-container{display:flex;flex-direction:column;gap:20px}.phase3-tabs{display:flex;gap:10px;border-bottom:2px solid #f0f0f0;margin-bottom:20px}.tab-btn{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-weight:600;color:#999;border-bottom:3px solid transparent;transition:all .3s ease}.tab-btn.active{color:#7c73ff;border-bottom-color:#7c73ff}.tab-content{display:none}.tab-content.active{display:block}.csv-instructions{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px}.students-list{background:var(--color-surface);border-radius:8px;padding:20px;border:2px solid #f0f0f0}.students-table{display:flex;flex-direction:column;gap:10px}.student-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px}.student-info{display:flex;align-items:center;gap:15px;flex:1}.student-name{font-weight:600;color:var(--color-text)}#classroom-wizard .student-class{display:inline-block;padding:4px 12px;border-radius:999px;color:#fff;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;flex-shrink:0;text-transform:capitalize}.phase4-container{display:flex;flex-direction:column;gap:20px}.team-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px;background:var(--color-surface);border-radius:8px;border:2px solid #f0f0f0}.control-group{display:flex;gap:10px}.team-stats{font-weight:600;color:#7c73ff}.team-organization{display:flex;flex-direction:column;gap:15px;background:#f8f9fa;border-radius:8px;padding:15px;max-height:70vh;overflow-y:auto}.team-column{background:var(--color-surface);border:2px solid #e0e0e0;border-radius:8px;padding:12px;flex:0 0 auto;min-width:150px;max-width:200px;display:inline-block;margin-right:15px;margin-bottom:15px;vertical-align:top;min-height:100px}.unassigned-column{background:#fff5f5;border:2px dashed #ef4444;min-height:120px}.column-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.column-header h4{margin:0;font-size:14px;color:var(--color-text);font-family:Open Sans,sans-serif;font-weight:600;flex:1}.column-count{font-size:12px;color:#999;margin-bottom:10px}.team-name-input{flex:1;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-weight:600;font-family:Open Sans,sans-serif;font-size:14px;min-width:0}.wizard-team-emblem-btn{flex:0 0 auto;width:34px;height:34px;padding:4px;border-radius:8px;border:2px solid rgba(124,115,255,.35);background:var(--color-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:#6366f1}.wizard-team-emblem-btn:hover{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}.wizard-team-emblem-btn img{width:100%;height:100%;object-fit:contain}.wizard-team-emblem-picker{margin:-4px 0 10px;padding:10px;border-radius:8px;background:#7c73ff0f;border:1px solid rgba(124,115,255,.15)}.wizard-team-emblem-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;color:#4338ca}.wizard-emblem-clear-btn{border:none;background:none;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;padding:0;white-space:nowrap}.wizard-emblem-clear-btn:hover:not(:disabled){color:#4338ca;text-decoration:underline}.wizard-emblem-clear-btn:disabled{opacity:.45;cursor:not-allowed}.wizard-team-delete-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:4px 6px;border-radius:6px;border:1px solid rgba(239,68,68,.35);background:#fef2f2e6;color:#b91c1c;flex-shrink:0}.wizard-team-delete-btn:hover{background:#fee2e2;border-color:#ef44448c}.wizard-team-delete-btn i{font-size:12px;line-height:1}.wizard-emblem-empty{margin:0 0 8px;font-size:12px;color:var(--color-text-secondary)}.wizard-emblem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:140px;overflow-y:auto}.wizard-emblem-item{aspect-ratio:1;padding:3px;border-radius:8px;border:2px solid transparent;background:var(--color-surface);cursor:pointer}.wizard-emblem-item:hover{border-color:#6366f173}.wizard-emblem-item.selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.wizard-emblem-item img{width:100%;height:100%;object-fit:contain;display:block}.student-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:60px;padding:8px;background:#f8f9fa;border-radius:4px;align-content:flex-start}.student-badge{flex:0 0 auto;padding:6px 10px;border-radius:16px;color:#fff;font-weight:600;font-size:11px;cursor:grab;user-select:none;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;height:fit-content}.student-badge:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026}.student-badge:active{cursor:grabbing}.teams-grid{display:inline-flex;gap:15px;flex-wrap:wrap;align-content:flex-start}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.team-organization{overflow-x:auto;overflow-y:visible}}.wizard-feature-title{margin-bottom:30px;font-family:Cinzel,serif;color:var(--color-text);font-size:18px;font-weight:600}.wizard-feature-subtitle{margin:24px 0 16px;font-size:13px;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.wizard-helper-text{font-size:12px;color:#999;margin-top:10px}.wizard-btn-full{width:100%}.wizard-csv-btn{width:100%;margin-top:10px}.wizard-students-header{margin-bottom:15px;font-weight:600;font-size:14px}.wizard-empty-placeholder{text-align:center;color:#999;padding:20px;font-size:14px}.wizard-btn-compact{padding:10px 15px;font-size:14px}.student-class-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.wizard-form-submit{width:100%}html[data-theme=dark] .raids-white-theme,html[data-theme=dark] .campaigns-white-theme{background:linear-gradient(180deg,var(--color-background-alt) 0%,var(--color-background-secondary) 100%)!important;color:var(--color-text)!important;border-color:var(--color-dm-border)!important}html[data-theme=dark] .raids-white-theme .modal-header,html[data-theme=dark] .campaigns-white-theme .modal-header{background:var(--color-surface)!important;border-bottom-color:var(--color-border)!important}html[data-theme=dark] .raids-white-theme .modal-header h2,html[data-theme=dark] .campaigns-white-theme .modal-header h2{color:var(--color-text)!important}html[data-theme=dark] .raids-white-theme .modal-tabs,html[data-theme=dark] .campaigns-white-theme .modal-tabs{background:var(--color-background-secondary)!important;border-bottom-color:var(--color-border)!important}html[data-theme=dark] .raids-white-theme .tab-btn,html[data-theme=dark] .campaigns-white-theme .tab-btn{color:var(--color-text-secondary)!important}html[data-theme=dark] .raids-white-theme .tab-btn.active,html[data-theme=dark] .campaigns-white-theme .tab-btn.active{color:var(--color-primary)!important;background:var(--color-surface)!important;border-bottom-color:var(--color-primary)!important}html[data-theme=dark] .raids-white-theme .modal-content,html[data-theme=dark] .raids-white-theme .modal-body,html[data-theme=dark] .campaigns-white-theme .modal-content,html[data-theme=dark] .campaigns-white-theme .modal-body{background:var(--color-background-alt)!important;color:var(--color-text)!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .raids-white-theme,:root:not([data-theme=light]) .campaigns-white-theme{background:linear-gradient(180deg,var(--color-background-alt) 0%,var(--color-background-secondary) 100%)!important;color:var(--color-text)!important;border-color:var(--color-dm-border)!important}:root:not([data-theme=light]) .raids-white-theme .modal-header,:root:not([data-theme=light]) .campaigns-white-theme .modal-header{background:var(--color-surface)!important;border-bottom-color:var(--color-border)!important}:root:not([data-theme=light]) .raids-white-theme .modal-header h2,:root:not([data-theme=light]) .campaigns-white-theme .modal-header h2{color:var(--color-text)!important}:root:not([data-theme=light]) .raids-white-theme .modal-tabs,:root:not([data-theme=light]) .campaigns-white-theme .modal-tabs{background:var(--color-background-secondary)!important;border-bottom-color:var(--color-border)!important}:root:not([data-theme=light]) .raids-white-theme .tab-btn,:root:not([data-theme=light]) .campaigns-white-theme .tab-btn{color:var(--color-text-secondary)!important}:root:not([data-theme=light]) .raids-white-theme .tab-btn.active,:root:not([data-theme=light]) .campaigns-white-theme .tab-btn.active{color:var(--color-primary)!important;background:var(--color-surface)!important;border-bottom-color:var(--color-primary)!important}:root:not([data-theme=light]) .raids-white-theme .modal-content,:root:not([data-theme=light]) .raids-white-theme .modal-body,:root:not([data-theme=light]) .campaigns-white-theme .modal-content,:root:not([data-theme=light]) .campaigns-white-theme .modal-body{background:var(--color-background-alt)!important;color:var(--color-text)!important}}.modal{background:var(--color-modal-bg);color:var(--color-text)}.wizard-container,.wizard-step-content{background:var(--color-page-bg);color:var(--color-text)}.wizard-box{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.student-management-modal,.students-management-modal{background:var(--color-surface);color:var(--color-text)}.classroom-reports-page,.reports-page,.reports-container{background:var(--color-page-bg);color:var(--color-text)}.classroom-reports-panel,.classroom-reports-stat-card,.reports-card,.reports-panel{background:var(--color-background-alt);border-color:var(--color-border);color:var(--color-text)}.student-dashboard-page,.student-dashboard-container,.student-dashboard-layout{background:var(--color-page-bg);color:var(--color-text)}.student-dashboard-layout .classroom-student-list{background:var(--color-surface);border-right-color:var(--color-border);color:var(--color-text)}.student-dashboard-layout .student-list-header h3,.student-dashboard-layout .student-name,.student-dashboard-layout .student-text{color:var(--color-text)}.student-dashboard-card,.student-panel{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.activity-center-panel,.activity-center-modal{background:var(--color-surface);color:var(--color-text)}.spellbook-panel,.student-shop-panel,.tool-light-shell,.timer-stopwatch-panel,.dice-roller-panel,.noise-tracker-panel,.tsw-panel,.randomizer-panel{background:linear-gradient(180deg,var(--color-modal-shell-start) 0%,var(--color-modal-shell-end) 100%);color:var(--color-text);border-color:var(--color-modal-shell-border)}.form-hint{color:var(--color-text-light)}html[data-theme=dark] #app,html[data-theme=dark] .classroom-container,html[data-theme=dark] .teacher-dashboard,html[data-theme=dark] .dashboard-container,html[data-theme=dark] .form-container{color:var(--color-text)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) #app,:root:not([data-theme=light]) .classroom-container,:root:not([data-theme=light]) .teacher-dashboard,:root:not([data-theme=light]) .dashboard-container,:root:not([data-theme=light]) .form-container{color:var(--color-text)}}html[data-theme=dark] .classroom-main-panel,html[data-theme=dark] .student-detail-panel,html[data-theme=dark] .classroom-student-list,html[data-theme=dark] .student-list-header,html[data-theme=dark] .nc-dropdown,html[data-theme=dark] .poll-panel,html[data-theme=dark] .live-poll-card{color:var(--color-text)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .classroom-main-panel,:root:not([data-theme=light]) .student-detail-panel,:root:not([data-theme=light]) .classroom-student-list,:root:not([data-theme=light]) .student-list-header,:root:not([data-theme=light]) .nc-dropdown,:root:not([data-theme=light]) .poll-panel,:root:not([data-theme=light]) .live-poll-card{color:var(--color-text)}}html[data-theme=dark] .data-management-modal .damage-card,html[data-theme=dark] .data-management-modal .reward-card,html[data-theme=dark] .data-management-modal .stat-card,html[data-theme=dark] .data-management-modal .list-item-card,html[data-theme=dark] .student-dashboard-layout .action-btn-small,html[data-theme=dark] .student-dashboard-layout .action-btn-small i{color:var(--color-text)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .student-dashboard-layout .action-btn-small,:root:not([data-theme=light]) .student-dashboard-layout .action-btn-small i{color:var(--color-text)}}.btn-theme:focus-visible,.btn-header-menu:focus-visible,.student-view-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}