@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Outfit:wght@400;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--hue:245}html,body,#root{min-height:100%}body:has(.marketing-page-wrapper){background-color:#05020f;background-image:radial-gradient(circle at 10% 20%,#8b5cf626 0%,#0000 40%),radial-gradient(circle at 90% 10%,#06b6d426 0%,#0000 40%),linear-gradient(#8b5cf60d 1px,#0000 1px),linear-gradient(90deg,#8b5cf60d 1px,#0000 1px);background-size:100% 100%,100% 100%,32px 32px,32px 32px;overflow-x:hidden}.marketing-page-wrapper{width:100%;min-height:100dvh;overflow-x:hidden}.marketing-page{--primary:#8b5cf6;--primary-hover:#a78bfa;--primary-light:#2e1065;--neon-cyan:#06b6d4;--neon-cyan-hover:#22d3ee;--neon-magenta:#ec4899;--neon-magenta-hover:#f472b6;--success:#10b981;--error:#f43f5e;--text-primary:#faf5ff;--text-secondary:#cbd5e1;--text-muted:#64748b;--card-bg:#0d081ed9;--card-border:#8b5cf6;--bg-secondary:#120c2b;--font-display:"Share Tech Mono", Courier, monospace;--font-sans:"Outfit", sans-serif;max-width:1400px;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0 auto;padding:0 24px}.marketing-header-panel{z-index:100;background:var(--card-bg);border:2px solid var(--neon-cyan);-webkit-backdrop-filter:blur(12px);border-radius:12px;margin-top:12px;position:sticky;top:12px;box-shadow:0 0 15px #06b6d440}.marketing-hero-panel{box-sizing:border-box;max-width:1000px;width:100%!important;margin-left:auto!important;margin-right:auto!important}.nav-link-btn{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:14.5px;font-weight:700;transition:all .2s}.nav-link-btn:hover,.nav-link-btn.active{color:var(--neon-cyan);background:#06b6d414}.marketing-stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;width:100%;max-width:900px;margin:20px auto 40px;display:grid}.stat-item{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--backdrop-blur);text-align:center;box-shadow:var(--shadow-sm);border-radius:16px;padding:20px;transition:transform .3s,border-color .3s}.stat-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-5px)}.stat-number{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:36px;font-weight:800;display:block}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-weight:600}.video-preview-section{text-align:center;flex-direction:column;gap:32px;margin-top:64px;margin-bottom:64px;display:flex}.video-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.video-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--backdrop-blur);text-align:left;box-shadow:var(--shadow-md);cursor:pointer;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.video-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)scale(1.01)}.video-thumbnail-container{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;opacity:.85;width:100%;height:100%;transition:transform .5s}.video-card:hover .video-thumbnail{opacity:.95;transform:scale(1.05)}.video-duration{color:#fff;letter-spacing:.5px;background:#000000bf;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;bottom:12px;right:12px}.video-badge{background:var(--accent-gradient);color:#fff;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #7c3aed59}.video-play-overlay{opacity:.8;background:#00000040;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.video-card:hover .video-play-overlay{opacity:1;background:#0000001a}.play-btn-circle{color:#000;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 20px #0003}.video-card:hover .play-btn-circle{box-shadow:0 0 25px var(--primary);color:var(--primary);background:#fff;transform:scale(1.1)}.video-info{flex-direction:column;flex-grow:1;gap:12px;padding:20px;display:flex}.video-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700;line-height:1.35;transition:color .3s}.video-card:hover .video-title{color:var(--primary)}.tutor-info{border-top:1px solid var(--card-border);align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.tutor-avatar{object-fit:cover;border:1.5px solid var(--card-border);border-radius:50%;width:32px;height:32px}.tutor-details{flex-direction:column;display:flex}.tutor-name{color:var(--text-primary);font-size:13px;font-weight:600}.tutor-title{color:var(--text-muted);font-size:11px}.video-meta-tags{flex-wrap:wrap;gap:6px;display:flex}.meta-tag{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-secondary);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.video-modal-backdrop{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#08080ceb;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}.video-modal-content{border:1px solid var(--glass-border);background:linear-gradient(135deg,#14141cf2 0%,#0c0c12fa 100%);border-radius:24px;flex-direction:column;width:100%;max-width:1200px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleUp;display:flex;overflow:hidden;box-shadow:0 30px 90px #0009,0 0 80px #7c3aed26}.video-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.modal-title-area{align-items:center;gap:12px;display:flex}.modal-video-badge{background:var(--accent-gold);color:#000;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.video-modal-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.video-modal-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.video-modal-close-btn:hover{color:#ff8080;background:#ef444433;border-color:#ef444466;transform:rotate(90deg)}.video-player-grid{grid-template-columns:2fr 1fr;min-height:480px;display:grid}@media (width<=992px){.video-player-grid{grid-template-columns:1fr}}.video-panel-left{background:#000;flex-direction:column;justify-content:center;display:flex;position:relative}.custom-video-element{aspect-ratio:16/9;object-fit:contain;width:100%}.video-interactive-overlay{opacity:.9;background:linear-gradient(#0000 0%,#0006 30%,#000000f2 100%);flex-direction:column;gap:8px;padding:16px 20px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-interactive-row{justify-content:space-between;align-items:center;display:flex}.interactive-speed-selector{color:#fff;cursor:pointer;transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:4px 8px;font-size:12px}.interactive-speed-selector:hover{background:#fff3}.captions-toggle-btn{color:#fff;cursor:pointer;letter-spacing:.5px;transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700}.captions-toggle-btn.active{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.live-caption-box{text-align:center;color:var(--accent-gold);letter-spacing:.25px;pointer-events:none;background:#000c;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;animation:2s ease-in-out infinite pulse;position:absolute;bottom:85px;left:5%;right:5%}.video-panel-right{background:#101018f2;border-left:1px solid #ffffff0f;flex-direction:column;max-height:560px;display:flex}.companion-tabs{background:#0a0a0f80;border-bottom:1px solid #ffffff0f;display:flex}.companion-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 6px;font-size:12px;font-weight:700;transition:all .2s}.companion-tab-btn:hover{color:var(--text-primary);background:#ffffff05}.companion-tab-btn.active{color:#a663e9;background:#7c3aed0d;border-bottom-color:#994de6}.companion-tab-content{color:var(--text-secondary);flex-grow:1;padding:16px;font-size:13.5px;line-height:1.5;overflow-y:auto}.companion-tab-content::-webkit-scrollbar{width:6px}.companion-tab-content::-webkit-scrollbar-track{background:#0000001a}.companion-tab-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.companion-tab-content::-webkit-scrollbar-thumb:hover{background:#fff3}.notes-container{flex-direction:column;gap:12px;display:flex}.note-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;padding:10px}.note-timestamp{color:#a663e9;cursor:pointer;font-size:11px;font-weight:700}.chat-container{flex-direction:column;gap:10px;display:flex}.chat-bubble{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;gap:2px;max-width:90%;padding:8px 12px;display:flex}.chat-sender{color:var(--text-primary);font-size:11px;font-weight:700}.chat-sender.moderator{color:var(--accent-gold)}.chat-msg{color:var(--text-secondary);font-size:12.5px}.quiz-container{flex-direction:column;gap:14px;display:flex}.quiz-question{color:var(--text-primary);font-weight:600}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:8px 12px;font-size:12.5px;transition:all .2s}.quiz-option-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff26}.quiz-option-btn.selected{color:#fff;background:#7c3aed26;border-color:#994de6}.quiz-option-btn.correct{color:#fff;background:#22c55e26;border-color:#22c55e}.quiz-submit-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px;font-size:13px;font-weight:700;transition:opacity .2s}.quiz-submit-btn:hover{opacity:.9}.quiz-feedback{border-radius:6px;padding:8px;font-size:12.5px;font-weight:500}.quiz-feedback.success{color:#4ade80;background:#22c55e1a}.inquiry-form-input,.inquiry-form-textarea,.inquiry-form-select{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.inquiry-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.inquiry-form-select option{background-color:var(--card-bg);color:var(--text-primary)}.inquiry-form-input::placeholder,.inquiry-form-textarea::placeholder{color:var(--text-secondary);opacity:.6}.inquiry-form-input:hover,.inquiry-form-textarea:hover,.inquiry-form-select:hover{background:var(--bg-secondary);border-color:#8080804d}.inquiry-form-input:focus,.inquiry-form-textarea:focus,.inquiry-form-select:focus{background:var(--card-bg);border-color:#9942f0;box-shadow:0 0 0 3px #9942f040}.inquiry-form-group{flex-direction:column;gap:8px;display:flex}.inquiry-form-label{color:var(--text-secondary);letter-spacing:.3px;font-size:13px;font-weight:600;transition:color .2s}.inquiry-form-group:focus-within .inquiry-form-label{color:#b371f4}.pricing-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s!important}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026;border-color:#fff3!important}.inquiry-submit-btn{background:var(--accent-gradient);color:#fff;letter-spacing:.5px;cursor:pointer;border:none;border-radius:10px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #9942f033}.inquiry-submit-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #9942f059}.inquiry-submit-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.marketing-footer{text-align:center;border-top:2px solid var(--neon-purple);color:var(--text-secondary);background:var(--card-bg);z-index:10;clear:both;margin-top:80px;padding:60px 24px;font-size:14px;font-weight:500;position:relative}.hero-title,.video-preview-section h2,.stat-number,.stat-label,.pricing-header h3,.pricing-price,.logo-container,.marketing-logo-text,.about-section h2,.tutor-name,.close-btn{text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-display)!important}.stat-number{margin-bottom:6px;display:block;background:linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-magenta) 100%)!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 10px #06b6d44d!important;-webkit-background-clip:text!important;font-size:42px!important;font-weight:900!important}.stat-label{display:block;color:#faf5ff!important;letter-spacing:.5px!important;font-size:13.5px!important;font-weight:800!important}.hero-title{text-shadow:0 0 10px #8b5cf699,0 0 20px #8b5cf666!important;margin-bottom:24px!important;font-size:40px!important;line-height:1.2!important}.marketing-page-wrapper .btn-premium,.inquiry-submit-btn{border:2.5px solid var(--neon-cyan)!important;color:var(--neon-cyan)!important;font-family:var(--font-display)!important;text-transform:uppercase!important;letter-spacing:1px!important;background:0 0!important;border-radius:8px!important;padding:12px 24px!important;font-weight:900!important;transition:all .2s cubic-bezier(.25,.8,.25,1)!important;box-shadow:0 0 10px #06b6d44d!important}.marketing-page-wrapper .btn-premium:hover,.inquiry-submit-btn:hover{background:var(--neon-cyan)!important;color:#05020f!important;transform:translateY(-2px)!important;box-shadow:0 0 22px #06b6d4d9!important}.marketing-page-wrapper .btn-premium:active,.inquiry-submit-btn:active{transform:translateY(1px)!important;box-shadow:0 0 8px #06b6d466!important}.marketing-page-wrapper .btn-secondary-premium,.quiz-submit-btn{border:2.5px solid var(--neon-magenta)!important;color:var(--neon-magenta)!important;font-family:var(--font-display)!important;text-transform:uppercase!important;letter-spacing:1px!important;background:0 0!important;border-radius:8px!important;padding:10px 20px!important;font-weight:900!important;transition:all .2s cubic-bezier(.25,.8,.25,1)!important;box-shadow:0 0 10px #ec48994d!important}.marketing-page-wrapper .btn-secondary-premium:hover,.quiz-submit-btn:hover{background:var(--neon-magenta)!important;color:#05020f!important;transform:translateY(-2px)!important;box-shadow:0 0 22px #ec4899d9!important}.marketing-page-wrapper .btn-secondary-premium:active,.quiz-submit-btn:active{transform:translateY(1px)!important;box-shadow:0 0 8px #ec489966!important}.video-card,.stat-item,.pricing-card,.about-card,.inquiry-section .glass-panel{background:var(--card-bg)!important;border:2px solid var(--neon-purple)!important;border-radius:16px!important;box-shadow:0 0 12px #8b5cf626!important}.video-card:hover,.stat-item:hover{border-color:var(--neon-cyan)!important;transform:translateY(-6px)!important;box-shadow:0 0 22px #06b6d466!important}.pricing-card:hover{border-color:var(--neon-magenta)!important;transform:translateY(-6px)!important;box-shadow:0 0 25px #ec489966!important}.pricing-card.featured-card{border-color:var(--neon-cyan)!important;box-shadow:0 0 20px #06b6d440!important}.pricing-card.featured-card:hover{transform:scale(1.03)translateY(-6px)!important;box-shadow:0 0 35px #06b6d499!important}.inquiry-form-input,.inquiry-form-textarea,.inquiry-form-select{border:2px solid var(--neon-purple)!important;color:#faf5ff!important;background:#11092c!important;border-radius:8px!important}.inquiry-form-input:focus,.inquiry-form-textarea:focus,.inquiry-form-select:focus{border-color:var(--neon-cyan)!important;box-shadow:0 0 12px #06b6d466!important}.note-item{color:var(--text-primary)!important;background:#06b6d40d!important;border:1px solid #06b6d433!important}.chat-bubble{background:#8b5cf60d!important;border:1px solid #8b5cf633!important}.chat-bubble.student-bubble{border-left:3px solid var(--neon-cyan)!important}.chat-bubble.moderator-bubble{border-left:3px solid var(--neon-magenta)!important;background:#ec48990d!important}.quiz-option-btn{color:var(--text-secondary)!important;background:#ffffff08!important;border:1px solid #ffffff1a!important}.quiz-option-btn:hover{border-color:var(--neon-cyan)!important;color:var(--text-primary)!important;background:#06b6d40d!important}.quiz-option-btn.selected{border-color:var(--neon-cyan)!important;color:#fff!important;background:#06b6d426!important;box-shadow:0 0 10px #06b6d44d!important}.quiz-option-btn.correct{border-color:var(--success)!important;color:#fff!important;background:#10b98126!important}.public-registration-page{background:radial-gradient(circle at 0 0,#42bcf02e,#0000 34%),radial-gradient(circle at 100% 0,#3cdd7c24,#0000 30%),linear-gradient(#f8fafc 0%,#f1f7f9 100%);flex-direction:column;gap:24px;min-height:100vh;padding:32px 20px 48px;display:flex}.public-registration-hero,.public-registration-layout,.public-registration-stepper,.public-registration-complete{width:min(1180px,100%);margin:0 auto}.public-registration-hero{grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:20px;padding:28px;display:grid}.public-registration-hero-copy{flex-direction:column;gap:14px;display:flex}.public-registration-hero-copy h1{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02}.public-registration-hero-copy p,.public-registration-card-head p,.public-registration-status-text,.public-registration-summary-note,.public-registration-payment-note,.public-registration-step-subtitle,.public-registration-complete p,.public-registration-terms p{color:var(--text-secondary);margin:0}.public-registration-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#157aac;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.public-registration-status{background:linear-gradient(160deg,#ffffffeb 0%,#e6f7fad9 100%);flex-direction:column;justify-content:center;gap:8px;padding:22px;display:flex}.public-registration-status-label,.public-registration-summary-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:12px;font-weight:700}.public-registration-status-title,.public-registration-summary-value{color:var(--text-primary);font-size:24px;font-weight:800}.public-registration-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid}.public-registration-step{background:#ffffff80;border:1px solid #ffffff80;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.public-registration-step.active{background:linear-gradient(135deg,#e3f5fcf2,#e2f8f1f2);border-color:#1797cf66}.public-registration-step.complete{border-color:#30a66159}.public-registration-step-badge{color:#fff;background:#1f86c1;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:inline-flex}.public-registration-step.complete .public-registration-step-badge{background:#299958}.public-registration-step-title{color:var(--text-primary);font-size:15px;font-weight:700}.public-registration-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.95fr);gap:24px;display:grid}.public-registration-card{padding:24px}.public-registration-card-head{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.public-registration-card-head h2,.public-registration-complete h2{margin:0;font-size:28px;line-height:1.05}.public-registration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.public-registration-side{flex-direction:column;gap:18px;display:flex}.public-registration-terms{background:#ffffff85;border:1px solid #ffffff8f;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.public-registration-checkbox{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;display:flex}.public-registration-checkbox input{accent-color:#1f86c1;width:16px;height:16px;margin-top:3px}.public-registration-error{color:var(--error);font-size:12.5px;font-weight:600}.public-registration-summary{background:linear-gradient(140deg,#f5fcfff5,#ebf9f7eb);border:1px solid #b4d6e473;border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.public-registration-actions{flex-wrap:wrap;gap:12px;display:flex}.public-registration-actions .btn-premium,.public-registration-actions .btn-secondary-premium{min-height:44px}.public-registration-fee-list{flex-direction:column;gap:12px;display:flex}.public-registration-fee-list div,.public-registration-total{justify-content:space-between;align-items:center;gap:12px;display:flex}.public-registration-fee-list span,.public-registration-total span{color:var(--text-secondary)}.public-registration-fee-list strong,.public-registration-total strong{color:var(--text-primary)}.public-registration-total{border-top:1px dashed #0000001f;padding-top:16px;font-size:18px}.public-registration-payment-note{background:#fff0d6b8;border:1px solid #e2a33647;border-radius:14px;margin-top:18px;padding:14px 16px}.public-registration-trial-banner{color:#296544;background:#d6f5e4ad;border:1px solid #3aa66b3d;border-radius:14px;padding:14px 16px;font-size:13.5px;line-height:1.5}.public-registration-complete{text-align:center;flex-direction:column;gap:18px;padding:34px 28px;display:flex}.public-registration-complete-badge{color:#22814a;text-transform:uppercase;letter-spacing:.1em;background:#2999581f;border-radius:999px;align-self:center;padding:8px 14px;font-size:12px;font-weight:800}.public-registration-complete-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.public-registration-complete-grid .glass-panel{padding:18px}@media (width<=960px){.public-registration-hero,.public-registration-layout,.public-registration-stepper,.public-registration-complete-grid,.public-registration-grid{grid-template-columns:1fr}}@media (width<=640px){.public-registration-page{padding:20px 14px 32px}.public-registration-hero,.public-registration-card,.public-registration-stepper,.public-registration-complete{padding:18px}.public-registration-card-head h2,.public-registration-complete h2{font-size:24px}}.plan-choices-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;margin-bottom:24px;display:grid}.plan-choice-card{cursor:pointer;text-align:left;background:#fff6;border:2px solid #00000014;border-radius:16px;outline:none;flex-direction:column;gap:8px;padding:18px;transition:all .2s ease-in-out;display:flex;position:relative}.plan-choice-card:hover{background:#fff9;border-color:#1797cf4d}.plan-choice-card.selected{background:linear-gradient(135deg,#edf8fdf2,#ebfaf5f2);border-color:#1f86c1;box-shadow:0 4px 12px #ca482c0d}.plan-choice-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.plan-choice-radio{border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.plan-choice-card.selected .plan-choice-radio{border-color:#1f86c1}.plan-choice-card.selected .plan-choice-radio:after{content:"";background:#1f86c1;border-radius:50%;width:8px;height:8px}.plan-choice-price{color:var(--text-primary);font-size:18px;font-weight:800}.plan-choice-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.plan-choice-badge{color:#fff;text-transform:uppercase;background:#299958;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:12px}@media (width<=900px){.plan-choices-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.plan-choices-grid{grid-template-columns:1fr}}.kid-page-bg{position:relative;overflow:hidden;background:radial-gradient(circle,#f0eaf6 0%,#e8deed 100%)!important}@keyframes floatUp{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatDown{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(12px)rotate(-4deg)}to{transform:translateY(0)rotate(0)}}.kid-decorations-wrapper{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.kid-sticker{opacity:.85;filter:drop-shadow(0 8px 12px #8a2be226);-webkit-user-select:none;user-select:none;font-size:3.5rem;position:absolute}.sticker-planet{animation:6s ease-in-out infinite floatUp;top:12%;left:6%}.sticker-star-1{animation:5s ease-in-out infinite floatDown;top:8%;right:10%}.sticker-star-2{animation:7s ease-in-out infinite floatDown;bottom:22%;left:8%}.sticker-rocket{animation:8s ease-in-out infinite floatUp;bottom:12%;right:6%}.sticker-palette{animation:6.5s ease-in-out infinite floatDown;top:45%;left:4%}.sticker-telescope{animation:5.5s ease-in-out infinite floatUp;top:48%;right:4%}.login-card.kid-theme{border-radius:var(--radius-lg);color:#33194d;z-index:5;background:#faf7fdd9;box-shadow:0 20px 40px #8a2be226;border:4px solid #a663e9!important}.login-card.kid-theme .brand-title{background:linear-gradient(135deg,#8c30e8 0%,#e830ba 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:36px;font-weight:800}.login-card.kid-theme .brand-subtitle{color:#735095;font-size:15px;font-weight:500;line-height:1.4}.login-card.kid-theme .form-label{color:#592d86;font-size:14.5px;font-weight:600}.login-card.kid-theme .form-input{background:#fff;border:2.5px solid #d1c3df;border-radius:16px;min-height:52px;padding:14px 18px;font-size:16px;transition:all .25s}.login-card.kid-theme .form-input:focus{border-color:#9444e4;box-shadow:0 0 0 5px #8a2be233}.login-card.kid-theme .btn-submit{background:linear-gradient(135deg,#8c36e2 0%,#e236c6 100%);border-radius:24px;min-height:52px;font-size:17px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #8a2be240}.login-card.kid-theme .btn-submit:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px #8a2be259}.kid-success-card{text-align:center;background:linear-gradient(135deg,#8c3cdd14 0%,#dd3ca714 100%);border:2.5px dashed #a679d2;border-radius:20px;padding:24px}.kid-success-badge{margin-bottom:8px;font-size:3.5rem;animation:3s ease-in-out infinite floatUp;display:block}.kid-success-card h2{color:#7322c3;margin-bottom:6px;font-size:24px;font-weight:700}.kid-success-card p{color:#664785;font-size:14.5px;font-weight:500}.kid-dash-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.kid-dash-card{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #e6e2e9;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.kid-dash-card:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 10px 20px #8a2be21a}.kid-dash-card.item-purple{border-color:#e0cbf6}.kid-dash-card.item-purple:hover{background:#8c3cdd0d;border-color:#9449df}.kid-dash-card.item-pink{border-color:#f6cbe4}.kid-dash-card.item-pink:hover{background:#dd3c9a0d;border-color:#df49a0}.kid-dash-card.item-blue{border-color:#cbe8f6}.kid-dash-card.item-blue:hover{background:#3ca7dd0d;border-color:#49addf}.kid-dash-card.item-green{border-color:#cbf6dd}.kid-dash-card.item-green:hover{background:#22c3650d;border-color:#25d06c}.kid-dash-icon{font-size:2.2rem;animation:4s ease-in-out infinite floatUp;display:inline-block}.kid-dash-card h4{color:#33194d;font-size:15px;font-weight:700}.kid-dash-card p{color:#806699;font-size:11px}.btn-kid-exit{color:#663894!important;box-shadow:none!important;background:0 0!important;border:2px solid #ccbddb!important;border-radius:20px!important}.btn-kid-exit:hover{background:#ccb8e026!important;border-color:#a679d2!important}.student-theme-wrapper{--student-primary:#8b5cf6;--student-primary-hover:#a78bfa;--student-bg:#05020f linear-gradient(#8b5cf60d 1px, transparent 1px), linear-gradient(90deg, #8b5cf60d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#0d081ee6;--student-border:2.5px solid #8b5cf6;--student-text:#faf5ff;--student-text-muted:#c8bfd8;--student-shadow:0 0 12px #8b5cf666;background:var(--student-bg);background-size:var(--student-bg-size,32px 32px);min-height:100vh;color:var(--student-text);z-index:2;border-radius:0;padding:16px;font-family:Outfit,sans-serif;transition:all .5s;position:relative}.student-theme-wrapper.theme-magic{--student-primary:#10b981;--student-primary-hover:#34d399;--student-bg:#020f08 linear-gradient(#10b9810d 1px, transparent 1px), linear-gradient(90deg, #10b9810d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#08140ee6;--student-border:2.5px solid #10b981;--student-text:#e6fbf2;--student-text-muted:#a9d4c0;--student-shadow:0 0 12px #10b98166}.student-theme-wrapper.theme-cyber{--student-primary:#06b6d4;--student-primary-hover:#22d3ee;--student-bg:#010b10 linear-gradient(#06b6d40d 1px, transparent 1px), linear-gradient(90deg, #06b6d40d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#06101ae6;--student-border:2.5px solid #06b6d4;--student-text:#e0faff;--student-text-muted:#a6d5de;--student-shadow:0 0 12px #06b6d466}.student-theme-wrapper.theme-space{--student-primary:#ec4899;--student-primary-hover:#f472b6;--student-bg:#0a0108 linear-gradient(#ec48990d 1px, transparent 1px), linear-gradient(90deg, #ec48990d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#180814e6;--student-border:2.5px solid #ec4899;--student-text:#ffeef8;--student-text-muted:#d9b8ca;--student-shadow:0 0 12px #ec489966;--card-bg:#180814e6;--card-border:#ec4899;--text-primary:#ffeef8;--text-secondary:#fbcfe8;--primary:#ec4899;--primary-hover:#f472b6;--error:#f43f5e}.student-theme-wrapper.theme-jungle{--student-primary:#22c55e;--student-primary-hover:#4ade80;--student-bg:#010f03 linear-gradient(#22c55e0d 1px, transparent 1px), linear-gradient(90deg, #22c55e0d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#041408e6;--student-border:2.5px solid #22c55e;--student-text:#f0fdf4;--student-text-muted:#bbf7d0;--student-shadow:0 0 12px #22c55e66;--card-bg:#041408e6;--card-border:#22c55e;--text-primary:#f0fdf4;--text-secondary:#bbf7d0;--primary:#22c55e;--primary-hover:#4ade80;--error:#ef4444}.student-theme-wrapper.theme-ocean{--student-primary:#0ea5e9;--student-primary-hover:#38bdf8;--student-bg:#010812 linear-gradient(#0ea5e90d 1px, transparent 1px), linear-gradient(90deg, #0ea5e90d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#040c18e6;--student-border:2.5px solid #0ea5e9;--student-text:#f0f9ff;--student-text-muted:#bae6fd;--student-shadow:0 0 12px #0ea5e966;--card-bg:#040c18e6;--card-border:#0ea5e9;--text-primary:#f0f9ff;--text-secondary:#bae6fd;--primary:#0ea5e9;--primary-hover:#38bdf8;--error:#ef4444}.student-theme-wrapper.theme-volcano{--student-primary:#f97316;--student-primary-hover:#fb923c;--student-bg:#120202 linear-gradient(#f973160d 1px, transparent 1px), linear-gradient(90deg, #f973160d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#180606e6;--student-border:2.5px solid #f97316;--student-text:#fff7ed;--student-text-muted:#ffedd5;--student-shadow:0 0 12px #f9731666;--card-bg:#180606e6;--card-border:#f97316;--text-primary:#fff7ed;--text-secondary:#ffedd5;--primary:#f97316;--primary-hover:#fb923c;--error:#ef4444}.student-theme-wrapper.theme-arctic{--student-primary:#38bdf8;--student-primary-hover:#7dd3fc;--student-bg:#020d14 linear-gradient(#38bdf80d 1px, transparent 1px), linear-gradient(90deg, #38bdf80d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#06121ce6;--student-border:2.5px solid #38bdf8;--student-text:#f0f9ff;--student-text-muted:#e0f2fe;--student-shadow:0 0 12px #38bdf866;--card-bg:#06121ce6;--card-border:#38bdf8;--text-primary:#f0f9ff;--text-secondary:#e0f2fe;--primary:#38bdf8;--primary-hover:#7dd3fc;--error:#ef4444}.student-theme-wrapper.theme-desert{--student-primary:#eab308;--student-primary-hover:#facc15;--student-bg:#0d0b02 linear-gradient(#eab3080d 1px, transparent 1px), linear-gradient(90deg, #eab3080d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#161204e6;--student-border:2.5px solid #eab308;--student-text:#fefce8;--student-text-muted:#fef9c3;--student-shadow:0 0 12px #eab30866;--card-bg:#161204e6;--card-border:#eab308;--text-primary:#fefce8;--text-secondary:#fef9c3;--primary:#eab308;--primary-hover:#facc15;--error:#ef4444}.student-theme-wrapper.theme-retro{--student-primary:#f59e0b;--student-primary-hover:#fbbf24;--student-bg:#0c0601 linear-gradient(#f59e0b0d 1px, transparent 1px), linear-gradient(90deg, #f59e0b0d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#140a02e6;--student-border:2.5px solid #f59e0b;--student-text:#fffbeb;--student-text-muted:#fef3c7;--student-shadow:0 0 12px #f59e0b66;--card-bg:#140a02e6;--card-border:#f59e0b;--text-primary:#fffbeb;--text-secondary:#fef3c7;--primary:#f59e0b;--primary-hover:#fbbf24;--error:#ef4444}.student-theme-wrapper.theme-castle{--student-primary:#a855f7;--student-primary-hover:#c084fc;--student-bg:#0b0414 linear-gradient(#a855f70d 1px, transparent 1px), linear-gradient(90deg, #a855f70d 1px, transparent 1px);--student-bg-size:32px 32px, 32px 32px;--student-card-bg:#12081ee6;--student-border:2.5px solid #a855f7;--student-text:#faf5ff;--student-text-muted:#f3e8ff;--student-shadow:0 0 12px #a855f766;--card-bg:#12081ee6;--card-border:#a855f7;--text-primary:#faf5ff;--text-secondary:#f3e8ff;--primary:#a855f7;--primary-hover:#c084fc;--error:#ef4444}.theme-toggle-bar{background:var(--student-card-bg);border:var(--student-border);box-shadow:var(--student-shadow);border-radius:50px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 24px;display:flex}.theme-bar-label{font-size:15px;font-weight:700}.theme-buttons{gap:8px;display:flex}.theme-btn{cursor:pointer;color:var(--student-text);background:#0000000a;border:2px solid #0000;border-radius:30px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.theme-btn:hover{background:#00000014;transform:translateY(-2px)}.theme-btn.active{background:var(--student-primary);color:#fff;box-shadow:0 4px 12px #0000001a}.companion-intro-card{background:var(--student-card-bg);border:var(--student-border);box-shadow:var(--student-shadow);border-radius:24px;align-items:center;gap:16px;margin-bottom:20px;padding:16px 24px;animation:.5s fadeIn;display:flex}.companion-avatar{-webkit-user-select:none;user-select:none;font-size:3rem}.companion-text h3{margin-bottom:4px;font-size:18px;font-weight:800}.companion-text p{opacity:.85;font-size:13.5px;font-style:italic;font-weight:500}.student-card-grid{flex-direction:column;gap:20px;width:100%;display:flex}.student-login-wrap{width:100%;max-width:480px;margin:0 auto}.student-kid-card{border:var(--student-border)!important;background:var(--student-card-bg)!important;box-shadow:var(--student-shadow)!important;border-radius:24px!important}.bubbly-input{border:var(--student-border)!important;color:#181825!important;background:#fff!important;border-radius:16px!important;padding:12px 16px!important;font-size:16px!important;transition:all .2s!important}.bubbly-input::placeholder{color:#67677e!important}.bubbly-input:focus{border-color:var(--student-primary)!important;box-shadow:0 0 0 5px #8a2be226!important}.btn-bubbly-glow{background:var(--student-primary)!important;border-radius:20px!important;font-weight:700!important;transition:all .25s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 6px 20px #0000001a!important}.btn-bubbly-glow:hover:not(:disabled){background:var(--student-primary-hover)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 10px 24px #00000026!important}.student-hub-layout{flex-direction:column;gap:20px;width:100%;display:flex}.hub-welcome-banner{background:var(--student-card-bg);border:var(--student-border);box-shadow:var(--student-shadow);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.banner-user-info{align-items:center;gap:16px;display:flex}.banner-avatar{-webkit-user-select:none;user-select:none;font-size:3rem}.banner-user-info h2{margin-bottom:4px;font-size:24px;font-weight:800}.banner-user-info p{opacity:.8;font-size:14px;font-weight:500}.xp-progress-container{flex-direction:column;flex-grow:1;gap:8px;min-width:240px;max-width:380px;display:flex}.xp-label-row{justify-content:space-between;align-items:center;font-weight:700;display:flex}.level-badge{background:var(--student-primary);color:#fff;border-radius:8px;padding:4px 10px;font-size:11px}.xp-number{font-size:13px}.xp-bar-outer{background:#0000000f;border-radius:10px;width:100%;height:14px;position:relative;overflow:hidden}.xp-bar-inner{background:linear-gradient(90deg, var(--student-primary) 0%, #e2369b 100%);border-radius:10px;height:100%;transition:width .4s cubic-bezier(.1,.8,.1,1)}.star-count-badge{color:#e09006;font-size:13.5px;font-weight:800}.hub-widgets-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.hub-widgets-grid{grid-template-columns:1fr}}.hub-widget{background:var(--student-card-bg);border:var(--student-border);box-shadow:var(--student-shadow);border-radius:24px;flex-direction:column;gap:12px;padding:24px;transition:transform .3s;display:flex}.hub-widget h3{font-size:18px;font-weight:800}.widget-desc{opacity:.75;margin-bottom:8px;font-size:13px}.quests-checklist{flex-direction:column;gap:10px;display:flex}.quest-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000005;border:2px solid #0000000d;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.quest-row:hover{background:#0000000a;transform:translate(4px)}.quest-text{flex-grow:1;font-size:13.5px;font-weight:600}.quest-xp{color:var(--student-primary);background:#0000000a;border-radius:7px;padding:2px 8px;font-size:12px;font-weight:700}.quest-done{opacity:.6;background:#00000003;border-color:#0000}.quest-done .quest-text{text-decoration:line-through}.widget-header{justify-content:space-between;align-items:center;display:flex}.math-score{background:var(--student-primary);color:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.math-panel{background:#00000005;border:2px dashed #00000014;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.math-equation{color:var(--student-text);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:2rem;font-weight:800;display:flex}.math-number{border:var(--student-border);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;display:flex;box-shadow:0 4px 8px #0000000d}.math-operator{color:var(--student-primary)}.math-question-mark{color:#e09006;background:#fceccf;border:3px solid #fad89e;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;animation:1.5s infinite pulse;display:flex}.math-form{gap:8px;width:100%;display:flex}.math-input{border:var(--student-border);text-align:center;border-radius:14px;outline:none;flex-grow:1;padding:10px 14px;font-size:16px;font-weight:700}.math-submit-btn{background:var(--student-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:10px 18px;font-weight:700;transition:all .2s}.math-submit-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.quiz-feedback{text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.next-quest-btn{color:#fff;cursor:pointer;background:#1ab359;border:none;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.next-quest-btn:hover{transform:scale(1.05)}.canvas-header-bar{justify-content:space-between;align-items:center;display:flex}.canvas-stats{opacity:.8;font-size:12px;font-weight:700}.canvas-workspace{flex-direction:column;gap:12px;width:100%;display:flex}.canvas-tools{background:#00000005;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.canvas-tool-group{gap:4px;display:flex}.tool-btn{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.tool-btn.active{background:var(--student-primary);color:#fff}.canvas-colors{gap:6px;display:flex}.color-dot{cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.color-dot:hover,.color-dot.selected{box-shadow:0 0 0 2px var(--student-primary);transform:scale(1.25)}.size-slider-wrap{align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.canvas-actions{gap:6px;display:flex}.action-btn-canvas{cursor:pointer;background:#fff;border:2px solid #00000014;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.action-btn-canvas:hover{background:#00000008}.action-btn-canvas.btn-download{background:var(--student-primary);color:#fff;border-color:#0000}.canvas-container-outer{border:var(--student-border);background:#fff;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 2px 8px #0000000d}.drawing-canvas-tag{cursor:crosshair;touch-action:none;background:#fff;display:block}.focus-beats-panel{flex-direction:column;gap:8px;display:flex}.beats-toggle-btn{border:var(--student-border);color:var(--student-text);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.beats-toggle-btn.playing{background:var(--student-primary);color:#fff;border-color:#0000;animation:2.5s infinite pulse}.trophy-cupboard-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.trophy-slot{text-align:center;background:#00000005;border:2px solid #0000000a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:12px 6px;transition:all .3s;display:flex}.trophy-slot.unlocked{background:#fff;border-color:#fad89e;box-shadow:0 4px 8px #0000000a}.trophy-slot.unlocked:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 8px 16px #fbbf2426}.trophy-icon{margin-bottom:4px;font-size:1.8rem}.trophy-slot.locked{opacity:.55}.trophy-title{color:var(--student-text);font-size:10px;font-weight:700}.trophy-slot.locked .trophy-title{color:var(--text-muted)}.student-theme-wrapper h1,.student-theme-wrapper h2,.student-theme-wrapper h3,.student-theme-wrapper h4,.student-theme-wrapper .top-bar-title,.student-theme-wrapper .companion-name,.student-theme-wrapper .section-title,.student-theme-wrapper .widget-title,.student-theme-wrapper .game-header,.student-theme-wrapper .subject-title{text-shadow:0 0 8px #8b5cf64d;text-transform:uppercase!important;letter-spacing:.5px!important;font-family:Share Tech Mono,Courier,monospace!important}.student-widget-card,.worksheet-card,.companion-bubble-panel,.theme-toggle-bar,.lessons-list-view,.student-sidebar,.student-modal-card{border:var(--student-border)!important;box-shadow:var(--student-shadow)!important;background:var(--student-card-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.student-widget-card:hover,.worksheet-card:hover,.companion-bubble-panel:hover,.theme-toggle-bar:hover,.lessons-list-view:hover{box-shadow:0 0 20px var(--student-primary)!important;transform:translateY(-4px)!important}.student-theme-wrapper button:not(.btn-close),.student-theme-wrapper select,.student-theme-wrapper input,.student-theme-wrapper textarea,.student-theme-wrapper .theme-btn,.student-theme-wrapper .top-bar-btn{border:var(--student-border)!important;color:var(--student-primary)!important;text-transform:uppercase!important;background:0 0!important;border-radius:8px!important;font-family:Share Tech Mono,Courier,monospace!important;font-weight:900!important;transition:all .15s cubic-bezier(.25,.8,.25,1)!important;box-shadow:0 0 8px #8b5cf633!important}.student-theme-wrapper button:not(.btn-close):hover,.student-theme-wrapper .theme-btn:hover,.student-theme-wrapper .top-bar-btn:hover{background:var(--student-primary)!important;color:#05020f!important;box-shadow:0 0 16px var(--student-primary)!important;transform:translateY(-2px)!important}.student-theme-wrapper button:not(.btn-close):active,.student-theme-wrapper select:active,.student-theme-wrapper input:active,.student-theme-wrapper .theme-btn:active,.student-theme-wrapper .top-bar-btn:active{box-shadow:0 0 6px var(--student-primary)!important;transform:translateY(2px)!important}.theme-magic button:not(.btn-close),.theme-magic .theme-btn,.theme-magic .top-bar-btn{color:#10b981!important}.theme-magic button:not(.btn-close):hover,.theme-magic .theme-btn:hover,.theme-magic .top-bar-btn:hover{color:#020f08!important;background:#10b981!important}.theme-cyber button:not(.btn-close),.theme-cyber .theme-btn,.theme-cyber .top-bar-btn{color:#06b6d4!important}.theme-cyber button:not(.btn-close):hover,.theme-cyber .theme-btn:hover,.theme-cyber .top-bar-btn:hover{color:#010b10!important;background:#06b6d4!important}.theme-space button:not(.btn-close),.theme-space .theme-btn,.theme-space .top-bar-btn{color:#ec4899!important}.theme-space button:not(.btn-close):hover,.theme-space .theme-btn:hover,.theme-space .top-bar-btn:hover{color:#0a0108!important;background:#ec4899!important}.theme-jungle button:not(.btn-close),.theme-jungle .theme-btn,.theme-jungle .top-bar-btn{color:#22c55e!important}.theme-jungle button:not(.btn-close):hover,.theme-jungle .theme-btn:hover,.theme-jungle .top-bar-btn:hover{color:#010f03!important;background:#22c55e!important}.theme-ocean button:not(.btn-close),.theme-ocean .theme-btn,.theme-ocean .top-bar-btn{color:#0ea5e9!important}.theme-ocean button:not(.btn-close):hover,.theme-ocean .theme-btn:hover,.theme-ocean .top-bar-btn:hover{color:#010812!important;background:#0ea5e9!important}.theme-volcano button:not(.btn-close),.theme-volcano .theme-btn,.theme-volcano .top-bar-btn{color:#f97316!important}.theme-volcano button:not(.btn-close):hover,.theme-volcano .theme-btn:hover,.theme-volcano .top-bar-btn:hover{color:#120202!important;background:#f97316!important}.theme-arctic button:not(.btn-close),.theme-arctic .theme-btn,.theme-arctic .top-bar-btn{color:#38bdf8!important}.theme-arctic button:not(.btn-close):hover,.theme-arctic .theme-btn:hover,.theme-arctic .top-bar-btn:hover{color:#020d14!important;background:#38bdf8!important}.theme-desert button:not(.btn-close),.theme-desert .theme-btn,.theme-desert .top-bar-btn{color:#eab308!important}.theme-desert button:not(.btn-close):hover,.theme-desert .theme-btn:hover,.theme-desert .top-bar-btn:hover{color:#0d0b02!important;background:#eab308!important}.theme-retro button:not(.btn-close),.theme-retro .theme-btn,.theme-retro .top-bar-btn{color:#f59e0b!important}.theme-retro button:not(.btn-close):hover,.theme-retro .theme-btn:hover,.theme-retro .top-bar-btn:hover{color:#0c0601!important;background:#f59e0b!important}.theme-castle button:not(.btn-close),.theme-castle .theme-btn,.theme-castle .top-bar-btn{color:#a855f7!important}.theme-castle button:not(.btn-close):hover,.theme-castle .theme-btn:hover,.theme-castle .top-bar-btn:hover{color:#0b0414!important;background:#a855f7!important}.back-to-home{cursor:pointer!important;color:var(--student-primary)!important;text-transform:uppercase!important;border:2px solid var(--student-primary)!important;background:var(--student-card-bg)!important;box-shadow:var(--student-shadow)!important;z-index:10!important;border-radius:8px!important;align-self:flex-start!important;align-items:center!important;gap:8px!important;margin-bottom:24px!important;padding:10px 20px!important;font-family:Share Tech Mono,Courier,monospace!important;font-weight:900!important;text-decoration:none!important;transition:all .2s cubic-bezier(.25,.8,.25,1)!important;display:inline-flex!important}.back-to-home:hover{background:var(--student-primary)!important;color:#05020f!important;box-shadow:0 0 18px var(--student-primary)!important;transform:translateY(-2px)!important}.back-to-home:active{box-shadow:0 0 8px var(--student-primary)!important;transform:translateY(1px)!important}.back-to-home svg{stroke:currentColor!important;transition:transform .2s!important}.back-to-home:hover svg{transform:translate(-4px)!important}.student-theme-wrapper .brand-title{text-transform:uppercase!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important;-webkit-background-clip:initial!important;text-shadow:3px 3px #000!important;letter-spacing:1px!important;margin-bottom:12px!important;font-family:Share Tech Mono,Courier,monospace!important;font-size:32px!important;font-weight:900!important}.student-theme-wrapper .brand-subtitle{color:#22d3ee!important;opacity:1!important;text-shadow:2px 2px #000!important;margin-top:0!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important}.student-theme-wrapper .form-label{text-transform:uppercase!important;color:#cbd5e1!important;letter-spacing:.5px!important;margin-bottom:8px!important;font-family:Share Tech Mono,Courier,monospace!important;font-size:13.5px!important;font-weight:700!important;display:block!important}.student-theme-wrapper .bubbly-input{border:var(--student-border)!important;color:#faf5ff!important;background:#11092c!important;font-family:Outfit,sans-serif!important}.student-theme-wrapper .bubbly-input::placeholder{color:#64748b!important;opacity:.85!important}.student-theme-wrapper .bubbly-input:focus{border-color:var(--student-primary)!important;box-shadow:0 0 12px var(--student-primary)!important}body:has(.student-theme-wrapper){background:radial-gradient(circle,#0b0b1e 0%,#080410 100%)!important;padding:0!important}body:has(.student-theme-wrapper) #root{gap:0!important;width:100%!important;max-width:none!important;margin:0!important}body:has(.student-theme-wrapper) .student-theme-wrapper{border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:40px 24px!important;display:flex!important}.setup-page-container{z-index:10;width:100%;max-width:580px;margin:0 auto;position:relative}.setup-brand-header{text-align:center;margin-bottom:32px;animation:.6s cubic-bezier(.16,1,.3,1) fadeInDown}.setup-brand-icon-wrapper{color:#fff;background:linear-gradient(135deg,#7055f6 0%,#b938fa 100%);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;display:inline-flex;box-shadow:0 12px 30px #8a4bff66}.setup-title{letter-spacing:-.8px;color:#fff;margin:0 0 10px;font-size:2.2rem;font-weight:800}.setup-subtitle{color:var(--text-secondary);margin:0;font-size:1.05rem;font-weight:450;line-height:1.5}.setup-info-badge{color:#c2b6fb;background:#8a4bff1a;border:1px solid #8a4bff33;border-radius:30px;align-items:center;gap:8px;margin-top:14px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.cosmic-card{-webkit-backdrop-filter:blur(28px);background:#121024a6;border:1px solid #8a4bff2e;border-radius:24px;gap:28px;padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;box-shadow:0 32px 64px -12px #0009,0 0 50px -10px #8a4bff26,inset 0 1px #ffffff0d}.cosmic-card:before{content:"";background:linear-gradient(90deg,#7055f6,#b938fa);height:4px;position:absolute;top:0;left:0;right:0}.btn-back-cosmic{color:#c2c2d6;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;justify-self:start;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-back-cosmic:hover{color:#fff;background:#ffffff12;border-color:#ffffff26;transform:translate(-3px)}.method-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0;display:grid}@media (width<=520px){.method-grid{grid-template-columns:1fr}}.method-card{text-align:center;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.method-card:hover{background:#ffffff0d;border-color:#8a4bff4d;transform:translateY(-2px)}.method-card.active{background:#8a4bff0f;border-color:#7055f6;box-shadow:0 0 24px #8a4bff1f}.method-card-icon{color:#b3b3cc;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.method-card:hover .method-card-icon{color:#fff;background:#8a4bff33}.method-card.active .method-card-icon{color:#fff;background:#7055f6;box-shadow:0 0 16px #8a4bff4d}.method-card-title{color:#fff;margin:0;font-size:15.5px;font-weight:700}.method-card-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.nebula-glow-1{filter:blur(100px);pointer-events:none;z-index:1;background:radial-gradient(circle,#8a4bff26 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-10%;left:-10%}.nebula-glow-2{filter:blur(100px);pointer-events:none;z-index:1;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-10%;right:-10%}.cosmic-input-group{gap:8px;display:grid}.cosmic-label{color:#b3b3cc;letter-spacing:.8px;text-transform:uppercase;font-size:12px;font-weight:700}.cosmic-input{width:100%;color:#fff!important;background:#ffffff05!important;border:1px solid #ffffff14!important;border-radius:12px!important;padding:14px 16px!important;font-size:15px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.cosmic-input:focus{background:#ffffff0a!important;border-color:#7055f6!important;outline:none!important;box-shadow:0 0 0 4px #8a4bff26!important}.status-glass{color:#fff;background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:550;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-glass{color:#fff;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:550;display:flex}.error-glass{color:#fca5a5;background:#ef44440d;border:1px solid #ef444433;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;font-size:14px;font-weight:500;display:flex}.cosmic-grid-overlay{pointer-events:none;z-index:2;background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:absolute;inset:0}.complete-overlay{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.cosmic-spinner{border:3px solid #8a4bff1a;border-top-color:var(--student-primary);border-radius:50%;width:50px;height:50px;margin-bottom:8px;animation:1s linear infinite spin}.widget-subjects{flex-direction:column;display:flex}.subjects-loading-state,.subjects-error-state,.subjects-empty-state{text-align:center;background:#00000008;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:32px 16px;font-size:14px;font-weight:500;display:flex}.theme-space .subjects-loading-state,.theme-space .subjects-error-state,.theme-space .subjects-empty-state{background:#ffffff0a}.subjects-spinner{animation:1.5s ease-in-out infinite pulse-spinner;display:inline-block}.subjects-grid-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:12px;display:grid}.subject-card{background:linear-gradient(180deg, color-mix(in srgb, var(--student-primary) 12%, transparent) 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 92%, black);border-radius:16px;flex-direction:column;gap:8px;padding:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.theme-space .subject-card{background:linear-gradient(180deg, color-mix(in srgb, var(--student-primary) 14%, transparent) 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 94%, black);box-shadow:0 4px 20px #0006}.subject-card:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--student-primary) 18%, transparent) 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 86%, black);transform:translateY(-4px);box-shadow:0 8px 20px #0000002e}.theme-space .subject-card:hover{box-shadow:0 8px 24px #8a4bff26}.subject-card.card-expired{opacity:.5;filter:grayscale(.8);background:linear-gradient(180deg, #94a3b814 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 96%, black)}.theme-space .subject-card.card-expired{background:linear-gradient(180deg, #94a3b80f 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 97%, black)}.subject-card.card-expired:hover{box-shadow:none;transform:none}.subject-card-header{justify-content:space-between;align-items:center;display:flex}.subject-code{text-transform:uppercase;background:color-mix(in srgb, var(--student-primary) 16%, transparent);border-radius:6px;padding:2px 6px;font-family:monospace;font-size:12px;font-weight:700}.theme-space .subject-code{background:color-mix(in srgb, var(--student-primary) 18%, transparent)}.subject-status-indicator{font-size:14px}.status-active{color:#10b981;animation:2s ease-in-out infinite pulse-active}.status-expired{color:#ef4444}.subject-title{margin:4px 0 0;font-size:15px;font-weight:700;line-height:1.3}.subject-expiry{opacity:.8;font-size:11.5px;font-weight:600}.card-expired .subject-expiry{color:#ef4444;font-weight:700}@keyframes pulse-active{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pulse-spinner{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.student-lesson-details-view{flex-direction:column;gap:20px;width:100%;display:flex}.detail-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-back-hub{background:var(--bg-surface);border:2px solid var(--border);cursor:pointer;color:var(--text);border-radius:14px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s}.btn-back-hub:hover{background:var(--border);transform:translate(-3px)}.detail-subject-badge{color:#fff;text-shadow:0 1px 2px #00000040;border-radius:10px;padding:6px 12px;font-family:monospace;font-size:13px;font-weight:800;box-shadow:0 4px 10px #0000001a}.detail-subject-hero{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px 28px}.detail-subject-hero h1{letter-spacing:-.5px;margin:0 0 6px;font-size:32px;font-weight:800}.subject-meta-text{color:var(--text-muted);margin:0;font-size:15px;font-weight:500;line-height:1.5}.detail-loading-state,.detail-empty-state,.detail-error-state{background:var(--bg-surface);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);box-shadow:var(--shadow-sm);padding:40px;font-size:16px;font-weight:600}.detail-spinner{margin-right:8px;font-size:24px;animation:1.5s ease-in-out infinite pulse-spinner;display:inline-block}.detail-split-layout{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.detail-split-layout.view-mode-concentrate,.detail-split-layout.view-mode-cinema{grid-template-columns:1fr}@media (width<=900px){.detail-split-layout,.detail-split-layout.view-mode-concentrate,.detail-split-layout.view-mode-cinema{grid-template-columns:1fr}}.view-mode-switcher{background:var(--bg-surface);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex}.view-mode-switcher .mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.view-mode-switcher .mode-btn:hover{background:var(--border);color:var(--text)}.view-mode-switcher .mode-btn.active{background:var(--student-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--student-primary-rgb,99, 102, 241), .2)}.workspace-split-content{align-items:start;gap:24px;display:grid}.view-mode-compact .workspace-split-content{grid-template-columns:1.25fr 1fr}.view-mode-concentrate .workspace-split-content{grid-template-columns:7fr 3fr}.view-mode-cinema .workspace-split-content{grid-template-columns:1fr}@media (width<=1150px){.view-mode-compact .workspace-split-content,.view-mode-concentrate .workspace-split-content{grid-template-columns:1fr}}.topics-accordion-panel{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.topics-accordion-panel h3{margin:0 0 14px;font-size:18px;font-weight:800}.accordion-list{flex-direction:column;gap:12px;display:flex}.accordion-item{border:2px solid var(--border);cursor:pointer;border-radius:14px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.accordion-item:hover{border-color:var(--student-primary);transform:translateY(-2px)}.accordion-item.active{border-color:var(--student-primary);background:hsla(var(--hue), 70%, 50%, .04)}.accordion-header{align-items:center;gap:12px;padding:14px;display:flex}.topic-indicator-badge{font-size:18px}.topic-header-title{flex-direction:column;display:flex}.topic-header-title .topic-code{text-transform:uppercase;color:var(--text-muted);font-family:monospace;font-size:11px;font-weight:700}.topic-header-title h4{color:var(--text);margin:0;font-size:14px;font-weight:700;line-height:1.3}.accordion-body{border-top:1px dashed var(--border);padding:0 14px 14px}.accordion-body p{color:var(--text-muted);margin:10px 0 0;font-size:13px;line-height:1.4}.active-topic-workspace{flex-direction:column;gap:20px;display:flex}.workspace-content-card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:24px;padding:24px 28px;display:flex}.workspace-header{border-bottom:2px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.workspace-header h2{margin:0;font-size:24px;font-weight:800}.badge-code-glow{color:var(--student-primary);background:hsla(var(--hue), 70%, 50%, .12);border-radius:8px;padding:4px 10px;font-family:monospace;font-size:13px;font-weight:800}.video-player-section h3{align-items:center;gap:6px;margin:0 0 12px;font-size:17px;font-weight:800;display:flex}.video-wrapper-border{border:4px solid var(--border);background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0000000f}.video-file-info{color:#888;background:#111;border-top:1px solid #222;padding:8px 12px;font-family:monospace;font-size:12px}.no-video-placeholder{border:3px dashed var(--border);text-align:center;background:#8080800d;border-radius:16px;padding:40px}.placeholder-icon{margin-bottom:10px;font-size:40px;display:block}.no-video-placeholder p{color:var(--text-muted);margin:0;font-size:14px;font-weight:500}.quiz-checkpoint-section h3{margin:0 0 12px;font-size:17px;font-weight:800}.quiz-card-body{border:3px solid var(--border);background:#80808005;border-radius:20px;padding:20px}.quiz-progress-bar{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.quiz-progress-text{color:var(--text-muted);font-size:12.5px;font-weight:700}.progress-track{background:var(--border);border-radius:99px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--student-primary);border-radius:99px;height:100%;transition:width .3s}.quiz-question-text{margin:0 0 18px;font-size:16px;font-weight:800;line-height:1.4}.quiz-options-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.quiz-option-btn{border:2px solid var(--border);background:var(--bg-surface);text-align:left;cursor:pointer;width:100%;color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:12px 18px;font-size:14.5px;font-weight:600;transition:all .2s;display:flex}.quiz-option-btn:hover:not(:disabled){border-color:var(--student-primary);background:hsla(var(--hue), 70%, 50%, .03)}.quiz-option-btn.selected{border-color:var(--student-primary);background:hsla(var(--hue), 70%, 50%, .08);box-shadow:0 0 0 3px hsla(var(--hue), 70%, 50%, .15)}.quiz-option-btn.correct{background:#10b98114;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.quiz-option-btn.incorrect{background:#ef444414;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.quiz-option-btn.disabled{opacity:.6;cursor:not-allowed}.option-letter{background:var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.quiz-option-btn.selected .option-letter{background:var(--student-primary);color:#fff}.quiz-option-btn.correct .option-letter{color:#fff;background:#10b981}.quiz-option-btn.incorrect .option-letter{color:#fff;background:#ef4444}.quiz-actions-row{justify-content:flex-end;display:flex}.btn-submit-quiz-answer,.btn-next-quiz-question{background:linear-gradient(135deg, var(--student-primary) 0%, hsl(var(--hue), 70%, 40%) 100%);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:18px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.btn-submit-quiz-answer:hover:not(:disabled),.btn-next-quiz-question:hover{box-shadow:0 6px 15px hsla(var(--hue), 70%, 40%, .3);transform:translateY(-2px)}.btn-submit-quiz-answer:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-victory-panel{text-align:center;background:#10b98108;border:3px solid #10b981;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.victory-icon{font-size:48px;display:block}.quiz-victory-panel h3{color:#10b981;margin:0;font-size:22px;font-weight:800}.victory-score{color:var(--text-muted);margin:0;font-size:15px}.victory-rewards{background:var(--bg-surface);border:2px solid var(--border);border-radius:99px;margin:6px 0;padding:8px 18px;font-size:16px;font-weight:700}.reward-item{color:var(--student-primary)}.btn-restart-quiz{background:var(--border);cursor:pointer;color:var(--text);border:none;border-radius:14px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .2s}.btn-restart-quiz:hover{background:var(--text-muted);color:var(--bg-surface)}body:has(.student-theme-wrapper.logged-in-portal) .student-theme-wrapper.logged-in-portal{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;padding:0!important;display:flex!important}.student-portal-shell{flex-direction:column;width:100%;min-height:100vh;display:flex}.student-top-bar{background:var(--student-card-bg);-webkit-backdrop-filter:blur(20px);border-bottom:var(--student-border);z-index:1000;min-height:70px;box-shadow:var(--student-shadow);justify-content:space-between;align-items:center;padding:10px 24px;transition:all .3s;display:flex}.top-bar-left{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.top-bar-logo{font-size:32px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.top-bar-left:hover .top-bar-logo{transform:scale(1.15)rotate(-8deg)}.top-bar-title{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.top-bar-subtitle{opacity:.7;font-size:11px;font-weight:600;display:block}.top-bar-right{align-items:center;gap:12px;display:flex}.top-bar-btn{border:var(--student-border);background:var(--student-card-bg);min-height:40px;color:var(--student-text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.top-bar-btn:hover{border-color:var(--student-primary);color:var(--student-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.top-bar-btn.profile-btn{padding-left:8px}.btn-avatar{font-size:20px}.btn-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.btn-arrow{opacity:.6;margin-left:2px;font-size:9px}.logout-btn{color:#ef4444!important;border-color:#ef444440!important}.logout-btn:hover{color:#ef4444!important;background:#ef444414!important;border-color:#ef4444!important}.student-profile-dropdown-wrapper{margin-bottom:-8px;padding-bottom:8px;position:relative}.student-profile-dropdown-menu{background:var(--student-card-bg);-webkit-backdrop-filter:blur(24px);border:var(--student-border);min-width:260px;box-shadow:var(--student-shadow);z-index:1010;border-radius:20px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpFade;position:absolute;top:calc(100% + 2px);right:0;overflow:hidden}.themes-dropdown-menu{min-width:220px}.dropdown-header{border-bottom:var(--student-border);background:#00000005;align-items:center;gap:12px;padding:16px;display:flex}.dropdown-avatar-large{font-size:36px}.dropdown-user-name{margin:0;font-size:15px;font-weight:800}.dropdown-user-role{opacity:.7;font-size:11px;font-weight:600}.dropdown-body{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.dropdown-info-row{justify-content:space-between;font-size:13px;display:flex}.dropdown-info-row .info-label{opacity:.7;font-weight:600}.dropdown-info-row .info-val{color:var(--student-primary);font-weight:700}.dropdown-theme-btn{cursor:pointer;width:100%;color:var(--student-text);text-align:left;background:#00000008;border:2px solid #0000;border-radius:10px;align-items:center;margin-bottom:6px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.theme-space .dropdown-theme-btn{background:#ffffff08}.dropdown-theme-btn:last-child{margin-bottom:0}.dropdown-theme-btn:hover{background:#0000000f;transform:translate(4px)}.theme-space .dropdown-theme-btn:hover{background:#ffffff14}.dropdown-theme-btn.active{border-color:var(--student-primary);background:rgba(var(--student-primary), .05);font-weight:800}.student-workspace-container{flex:1;min-height:calc(100vh - 70px);display:flex;position:relative}.student-left-panel{background:var(--student-card-bg);-webkit-backdrop-filter:blur(20px);border-right:var(--student-border);width:280px;box-shadow:var(--student-shadow);z-index:500;flex-direction:column;flex-shrink:0;gap:24px;padding:24px;display:flex}.sidebar-stats-card{text-align:center;border:var(--student-border);background:#ffffff59;border-radius:20px;flex-direction:column;align-items:center;padding:18px;display:flex}.theme-space .sidebar-stats-card{background:#12102473}.sidebar-avatar{margin-bottom:10px;font-size:48px;animation:4s ease-in-out infinite floatUp}.sidebar-username{margin:0 0 12px;font-size:16px;font-weight:800}.sidebar-xp-progress{width:100%;margin-bottom:10px}.sidebar-xp-label{opacity:.8;justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:800;display:flex}.sidebar-xp-bar-outer{background:#00000014;border-radius:99px;width:100%;height:10px;overflow:hidden}.theme-space .sidebar-xp-bar-outer{background:#ffffff1f}.sidebar-xp-bar-inner{background:linear-gradient(90deg, var(--student-primary) 0%, #b36afb 100%);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.theme-magic .sidebar-xp-bar-inner{background:linear-gradient(90deg, var(--student-primary) 0%, #1ff97a 100%)}.theme-cyber .sidebar-xp-bar-inner{background:linear-gradient(90deg, var(--student-primary) 0%, #51c2fb 100%)}.sidebar-stars-earned{color:#fbbf24;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:1.2px;opacity:.5;margin-bottom:6px;padding-left:12px;font-size:10px;font-weight:800}.sidebar-nav-item{width:100%;min-height:42px;color:var(--student-text);text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;align-items:center;padding:0 16px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.1);display:flex}.sidebar-nav-item:hover{color:var(--student-primary);background:#0000000a;transform:translate(6px)}.theme-space .sidebar-nav-item:hover{background:#ffffff0a}.btn-exit-portal{justify-content:center;margin-top:10px;color:var(--student-primary)!important;border:2px dashed rgba(var(--student-primary), .3)!important}.btn-exit-portal:hover{border-color:var(--student-primary)!important;background:rgba(var(--student-primary), .05)!important;transform:scale(.98)!important}.sidebar-theme-picker{border-top:var(--student-border);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.theme-picker-label{opacity:.6;padding-left:6px;font-size:11px;font-weight:800}.theme-picker-buttons{flex-direction:column;gap:6px;display:flex}.theme-picker-btn{text-align:left;cursor:pointer;width:100%;color:var(--student-text);background:#00000008;border:2px solid #0000;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s;display:block}.theme-space .theme-picker-btn{background:#ffffff08}.theme-picker-btn.active{border-color:var(--student-primary);background:rgba(var(--student-primary), .05);font-weight:800}.sidebar-footer{margin-top:8px}.student-main-content{scrollbar-width:thin;flex:1;max-height:calc(100vh - 70px);padding:32px;overflow-y:auto}.student-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0}.student-modal-card{background:var(--student-card-bg);-webkit-backdrop-filter:blur(28px);border:var(--student-border);width:90%;max-width:440px;box-shadow:var(--student-shadow);border-radius:24px;flex-direction:column;animation:.4s cubic-bezier(.175,.885,.32,1.25) bounceIn;display:flex;overflow:hidden}.modal-header{border-bottom:var(--student-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{margin:0;font-size:18px;font-weight:800}.close-modal-btn{cursor:pointer;color:var(--student-text);opacity:.6;background:0 0;border:none;font-size:24px;font-weight:700;transition:opacity .2s}.close-modal-btn:hover{opacity:1}.modal-body{padding:24px}.setting-row{margin-bottom:20px}.setting-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.setting-checkbox-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom-box{background-color:#0000000d;border:2px solid #00000026;border-radius:6px;width:22px;height:22px;transition:all .2s;position:relative}.theme-space .checkbox-custom-box{background-color:#ffffff0d;border-color:#ffffff26}.setting-checkbox-label input:checked~.checkbox-custom-box{background-color:var(--student-primary);border-color:var(--student-primary)}.setting-checkbox-label input:checked~.checkbox-custom-box:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.setting-info-card{border:var(--student-border);background:#00000008;border-radius:16px;padding:16px;font-size:13.5px}.theme-space .setting-info-card{background:#ffffff05}.setting-info-card h4{margin:0 0 10px;font-size:14px;font-weight:800}.setting-info-card p{margin:0 0 6px}.setting-info-card p:last-child{margin-bottom:0}.modal-footer{border-top:var(--student-border);background:#00000003;justify-content:flex-end;padding:16px 24px;display:flex}.btn-modal-close{background:var(--student-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-size:13.5px;font-weight:800;transition:background .2s}.btn-modal-close:hover{background:var(--student-primary-hover)}.confirm-modal-card .modal-body{padding:32px 24px}.confirm-modal-card .modal-body p{margin:0;font-size:15px;font-weight:700;line-height:1.5}.btn-modal-action{cursor:pointer;border:none;border-radius:12px;padding:10px 22px;font-size:13.5px;font-weight:800;transition:all .2s}.action-logout{color:#fff;background:#ef4444}.action-logout:hover{background:#dc2626}.action-cancel{color:var(--student-text);background:#0000000f}.theme-space .action-cancel{background:#ffffff0f}.action-cancel:hover{background:#0000001a}.button-row{justify-content:center;gap:12px;display:flex}.student-profile-modal,.student-settings-modal{max-width:640px;max-height:min(88vh,760px)}.student-profile-modal form{flex-direction:column;min-height:0;display:flex}.student-profile-body,.student-settings-body{overflow-y:auto}.student-dialog-loading{color:var(--student-text);text-align:center;opacity:.72;padding:56px 24px;font-weight:700}.student-profile-hero{align-items:center;gap:16px;display:flex}.student-profile-avatar{background:color-mix(in srgb, var(--student-primary) 16%, transparent);border:var(--student-border);border-radius:20px;place-items:center;width:68px;height:68px;font-size:38px;display:grid}.student-profile-hero div{flex-direction:column;gap:4px;display:flex}.student-profile-hero strong{font-size:20px}.student-profile-hero span{color:var(--student-text);opacity:.66;font-size:13px}.student-profile-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.student-profile-stats div{border:var(--student-border);background:color-mix(in srgb, var(--student-primary) 7%, transparent);text-align:center;border-radius:14px;padding:12px}.student-profile-stats strong,.student-profile-stats span{display:block}.student-profile-stats strong{font-size:17px}.student-profile-stats span{opacity:.62;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:800}.student-profile-section+.student-profile-section{margin-top:22px}.student-profile-section h4,.student-settings-group legend{color:var(--student-text);margin:0 0 12px;padding:0;font-size:14px;font-weight:900}.student-profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.student-profile-details div{background:#00000009;border-radius:12px;min-width:0;padding:11px 12px}.theme-space .student-profile-details div{background:#ffffff0b}.student-profile-details dt{opacity:.58;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.student-profile-details dd{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:750}.student-profile-help,.student-modal-subtitle,.student-settings-save-status{color:var(--student-text);opacity:.62;margin:8px 0 0;font-size:12px;line-height:1.45}.student-modal-subtitle{margin-top:3px}.student-field-label{margin:12px 0 6px;font-size:12px;font-weight:800;display:block}.student-profile-input{box-sizing:border-box;border:var(--student-border);width:100%;color:var(--student-text);font:inherit;background:#ffffff8c;border-radius:12px;outline:none;padding:11px 12px;font-size:14px}.theme-space .student-profile-input{background:#ffffff0e}.student-profile-input:focus{border-color:var(--student-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--student-primary) 20%, transparent)}.student-profile-input:disabled{cursor:not-allowed;opacity:.62}.student-field-error{color:#dc2626;margin:8px 0 0;font-size:12px;font-weight:800}.theme-space .student-field-error{color:#fca5a5}.student-settings-group{border:0;min-width:0;margin:0;padding:0}.student-settings-group+.student-settings-group{margin-top:22px}.student-theme-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.student-theme-choice{cursor:pointer;text-align:center;background:#00000009;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px 10px;transition:transform .16s,border-color .16s,background .16s;display:flex}.theme-space .student-theme-choice{background:#ffffff0b}.student-theme-choice:hover{transform:translateY(-1px)}.student-theme-choice.active{border-color:var(--student-primary);background:color-mix(in srgb, var(--student-primary) 13%, transparent)}.student-theme-choice input{opacity:0;pointer-events:none;position:absolute}.student-theme-choice:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--student-primary) 36%, transparent);outline-offset:2px}.student-theme-choice-avatar{font-size:34px}.student-theme-choice strong,.student-theme-choice small{display:block}.student-theme-choice strong{font-size:13px}.student-theme-choice small{opacity:.6;margin-top:4px;font-size:10.5px;line-height:1.35}.student-sound-setting{border:var(--student-border);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:15px 16px;display:flex}.student-sound-setting>div{flex-direction:column;gap:4px;display:flex}.student-sound-setting strong{font-size:14px}.student-sound-setting span{opacity:.65;font-size:11.5px;line-height:1.4}.student-switch{cursor:pointer;flex:none;width:48px;height:28px;position:relative}.student-switch input{opacity:0;position:absolute}.student-switch-track{background:#0000002e;border-radius:999px;transition:background .18s;position:absolute;inset:0}.student-switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 2px 5px #0000002e}.student-switch input:checked+.student-switch-track{background:var(--student-primary)}.student-switch input:checked+.student-switch-track:after{transform:translate(20px)}.student-switch input:focus-visible+.student-switch-track{outline:3px solid color-mix(in srgb, var(--student-primary) 36%, transparent);outline-offset:2px}.student-settings-save-status{text-align:center;min-height:18px}.student-modal-card button:disabled,.student-settings-group:disabled{cursor:wait;opacity:.62}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.student-left-panel{width:240px;padding:18px}.student-main-content{padding:24px}}@media (width<=768px){.student-profile-modal,.student-settings-modal{border-radius:20px;width:calc(100% - 24px);max-height:92dvh}.student-profile-body,.student-settings-body{padding:18px}.student-profile-details,.student-theme-choice-grid{grid-template-columns:1fr}.student-theme-choice{text-align:left;flex-direction:row}.student-profile-stats{gap:6px}.student-workspace-container{flex-direction:column}.student-left-panel{border-right:none;border-bottom:var(--student-border);width:100%;padding:16px}.sidebar-stats-card{flex-direction:row;justify-content:space-around;align-items:center;padding:12px}.sidebar-avatar,.sidebar-username{margin-bottom:0}.theme-picker-buttons{flex-direction:row}.theme-picker-btn{text-align:center}.student-main-content{max-height:none;padding:16px}}.widget-calendar{grid-column:span 2}.study-timetable-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;display:grid}.timetable-day{background:linear-gradient(180deg, color-mix(in srgb, var(--student-primary) 10%, transparent) 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 94%, black);border:var(--student-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:14px 10px;transition:all .25s cubic-bezier(.175,.885,.32,1.25);display:flex}.theme-space .timetable-day{background:linear-gradient(180deg, color-mix(in srgb, var(--student-primary) 12%, transparent) 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 96%, black)}.timetable-day:hover{border-color:var(--student-primary);box-shadow:var(--student-shadow);background:linear-gradient(180deg, color-mix(in srgb, var(--student-primary) 18%, transparent) 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 88%, black);transform:translateY(-4px)}.theme-space .timetable-day:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--student-primary) 20%, transparent) 0%, transparent 100%), color-mix(in srgb, var(--student-card-bg) 90%, black)}.day-badge{text-transform:uppercase;color:var(--student-primary);letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:800}.timetable-event{font-size:12px;font-weight:700;line-height:1.4}@media (width<=768px){.study-timetable-grid{grid-template-columns:1fr;gap:8px}}.simple-dropdown-menu{flex-direction:column;gap:4px;min-width:160px;padding:8px;display:flex}.dropdown-menu-item{width:100%;color:var(--student-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:700;transition:all .2s}.dropdown-menu-item:hover{color:var(--student-primary);background:#0000000d;transform:translate(4px)}.theme-space .dropdown-menu-item:hover{background:#ffffff14}.dropdown-logout-item{color:#ef4444!important}.dropdown-logout-item:hover{color:#ef4444!important;background:#ef444414!important}.chest-box-btn{color:#fff!important;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%)!important;border:none!important}.chest-box-btn:hover{background:linear-gradient(135deg,#fcd34d 0%,#b45309 100%)!important;transform:translateY(-2px)scale(1.03)!important}.chest-box-btn:focus-visible,.chest-dialog-close:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.chest-dialog-overlay{padding:24px}.chest-dialog-card{background:radial-gradient(circle at 90% 0%, #fbbf2429, transparent 34%), var(--student-card-bg);border-radius:30px;width:min(94vw,900px);max-width:900px;max-height:85vh;box-shadow:0 30px 80px #2d1f0c52}.chest-dialog-header{border-bottom:var(--student-border);justify-content:space-between;align-items:flex-start;gap:24px;padding:30px 34px 24px;display:flex}.chest-dialog-header h2{letter-spacing:-.04em;text-wrap:balance;margin:4px 0 6px;font-size:clamp(28px,4vw,44px);line-height:1}.chest-dialog-header p{max-width:58ch;color:var(--student-text-muted);text-wrap:pretty;margin:0;line-height:1.55}.chest-dialog-eyebrow,.chest-progress-kicker,.chest-trophy-status{color:#b76f08;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.theme-space .chest-dialog-eyebrow,.theme-space .chest-progress-kicker,.theme-space .chest-trophy-status{color:#fbbf24}.chest-dialog-close{background:#78521614;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;line-height:1;display:grid}.chest-dialog-close:hover{background:#78521629;transform:translateY(-1px)}.chest-dialog-close:active{transform:translateY(1px)scale(.98)}.chest-dialog-body{padding:30px 34px 38px;overflow-y:auto}.chest-progress-panel{background:#fbbf241a;border:1px solid #b76f082e;border-radius:24px 24px 24px 10px;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:26px 30px;display:grid}.chest-level-seal{color:#5d3605;text-align:center;background:#f6c453;border:2px solid #b76f0840;border-radius:34px 34px 34px 12px;place-content:center;width:112px;height:112px;display:grid;box-shadow:0 12px 28px #925b0d33,inset 0 1px #fff9}.chest-level-seal span{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.chest-level-seal strong{font-variant-numeric:tabular-nums;font-size:46px;line-height:.95}.chest-progress-copy{min-width:0}.chest-progress-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.chest-progress-heading>div:first-child{gap:4px;display:grid}.chest-progress-heading strong,.chest-star-balance strong{font-variant-numeric:tabular-nums}.chest-progress-heading>div:first-child strong{font-size:22px}.chest-star-balance{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.chest-star-balance strong{font-size:24px}.chest-star-balance span:last-child{color:var(--student-text-muted);font-size:12px;font-weight:700}.chest-xp-track{background:#64431021;border-radius:5px;height:14px;overflow:hidden}.chest-xp-fill{border-radius:inherit;background:#d88912;height:100%;transition:width .35s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff61}.chest-progress-copy>p{color:var(--student-text-muted);margin:9px 0 0;font-size:12px;font-weight:650}.chest-trophy-section{margin-top:34px}.chest-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.chest-section-heading h3{letter-spacing:-.025em;margin:4px 0 0;font-size:24px}.chest-trophy-count{color:var(--student-text-muted);font-size:13px;font-weight:750}.chest-trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chest-trophy-card{border-radius:18px 18px 18px 7px;grid-template-columns:auto 1fr;gap:16px;min-height:142px;padding:20px;transition:transform .22s,background .22s;display:grid}.chest-trophy-card.is-unlocked{background:#fbbf2421;box-shadow:inset 0 0 0 1px #b76f0826}.chest-trophy-card.is-locked{color:var(--student-text-muted);background:#6e696012}.chest-trophy-card:hover{transform:translateY(-2px)}.chest-trophy-icon{background:#ffffff8c;border-radius:17px 17px 17px 6px;place-items:center;width:54px;height:54px;font-size:27px;display:grid;box-shadow:0 8px 18px #543a111a}.theme-space .chest-trophy-icon{background:#ffffff14}.chest-trophy-card h4{letter-spacing:-.015em;margin:4px 0 5px;font-size:17px}.chest-trophy-card p{text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.45}.chest-trophy-card time{color:#9a5d07;margin-top:10px;font-size:11px;font-weight:750;display:block}.chest-error-state{background:#ef444414;border-radius:22px;align-items:flex-start;gap:16px;min-height:220px;padding:36px;display:flex}.chest-error-state>span{font-size:30px}.chest-error-state h3{margin:2px 0 8px}.chest-error-state p{margin:0;line-height:1.5}.chest-loading-state{gap:26px;display:grid}.chest-skeleton{background:#786e5c1f;position:relative;overflow:hidden}.chest-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff5c,#0000);animation:1.3s infinite chestShimmer;position:absolute;inset:0;transform:translate(-100%)}.chest-skeleton-summary{border-radius:24px;height:164px}.chest-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.chest-skeleton-trophy{border-radius:18px;height:142px}@keyframes chestShimmer{to{transform:translate(100%)}}@media (width<=680px){.chest-dialog-overlay{align-items:stretch;padding:0}.chest-dialog-card{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.chest-dialog-header{padding:24px 20px 18px}.chest-dialog-header h2{font-size:32px}.chest-dialog-body{padding:22px 20px 34px}.chest-progress-panel{grid-template-columns:1fr;gap:18px;padding:22px}.chest-level-seal{border-radius:26px 26px 26px 10px;width:86px;height:86px}.chest-level-seal strong{font-size:36px}.chest-trophy-grid,.chest-skeleton-grid{grid-template-columns:1fr}.chest-section-heading{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){.chest-dialog-card,.chest-dialog-overlay,.chest-skeleton:after,.chest-xp-fill{transition:none;animation:none}}.arcade-games-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:24px;display:grid}.arcade-game-card{background:var(--student-card-bg);-webkit-backdrop-filter:blur(12px);border:var(--student-border);text-align:center;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;min-height:240px;padding:0;transition:all .25s cubic-bezier(.175,.885,.32,1.25);display:flex;position:relative;overflow:hidden}.arcade-game-card:focus-within{border-color:var(--student-primary);box-shadow:var(--student-shadow)}.arcade-game-card-main{appearance:none;color:inherit;cursor:pointer;width:100%;min-height:240px;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.arcade-game-card-main:focus-visible,.arcade-favorite-button:focus-visible,.arcade-filter-chip:focus-visible,.engine-option:focus-visible{outline:3px solid var(--student-primary);outline-offset:3px}.arcade-favorite-button{z-index:2;background:color-mix(in srgb, var(--student-card-bg) 92%, white);cursor:pointer;border:0;border-radius:50%;width:36px;height:36px;font-size:17px;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000001f}.game-card-meta,.configurable-game-badges{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 12px;display:flex}.game-card-meta span,.configurable-game-badges span{background:color-mix(in srgb, var(--student-primary) 10%, transparent);color:var(--student-primary);text-transform:capitalize;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.arcade-room-hero{border-left:8px solid var(--student-primary);margin-bottom:24px}.arcade-filter-panel{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.arcade-search-field input{border:var(--student-border);background:var(--student-card-bg);width:100%;color:var(--student-text);font:inherit;box-shadow:var(--student-shadow-sm);border-radius:16px;padding:14px 20px}.arcade-filter-group{flex-wrap:wrap;gap:8px;display:flex}.arcade-filter-chip{border:var(--student-border);background:var(--student-card-bg);color:var(--student-text);font:inherit;cursor:pointer;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:700}.arcade-filter-chip.selected{background:var(--student-primary);color:#fff}.arcade-filter-chip.level{padding-block:6px}.arcade-filter-chip:disabled{cursor:not-allowed;opacity:.45}.arcade-result-count{opacity:.72;margin:0;font-size:13px;font-weight:700}.arcade-pagination{border:var(--student-border);background:var(--student-card-bg);box-shadow:var(--student-shadow-sm);border-radius:18px;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px 20px;display:flex}.arcade-pagination-button{border:var(--student-border);background:var(--student-primary);color:#fff;cursor:pointer;min-width:112px;font:inherit;border-radius:12px;padding:9px 16px;font-size:13px;font-weight:800}.arcade-pagination-button:focus-visible{outline:3px solid var(--student-primary);outline-offset:3px}.arcade-pagination-button:disabled{cursor:not-allowed;opacity:.45}.arcade-pagination-status{min-width:100px;color:var(--student-text);text-align:center;font-size:13px}.arcade-empty-state,.arcade-not-found,.arcade-game-loading{text-align:center;background:var(--student-card-bg);border:var(--student-border);border-radius:24px;padding:40px 20px}.arcade-empty-state>span,.arcade-not-found>span{font-size:40px}.arcade-game-card:hover{border-color:var(--student-primary);box-shadow:var(--student-shadow);transform:translateY(-6px)}.game-card-icon{margin-bottom:12px;font-size:48px;transition:transform .2s;display:inline-block}.arcade-game-card:hover .game-card-icon{transform:scale(1.1)rotate(5deg)}.arcade-game-card h3{color:var(--student-text);margin:0 0 8px;font-size:16px;font-weight:800}.arcade-game-card p{opacity:.7;margin:0 0 16px;font-size:12px;line-height:1.4}.play-badge-btn{color:var(--student-primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:800}.active-game-container{flex-direction:column;gap:20px;display:flex}.game-navigation-header{justify-content:space-between;align-items:center;display:flex}.active-game-actions{align-items:center;gap:12px;display:flex}.active-game-favorite{background:var(--student-card-bg);border:var(--student-border);color:var(--student-text);cursor:pointer;font:inherit;border-radius:12px;padding:7px 12px;font-size:13px;font-weight:700}.active-game-badge{color:var(--student-text);background:var(--student-card-bg);-webkit-backdrop-filter:blur(10px);border:var(--student-border);border-radius:14px;padding:10px 20px;font-size:15px;font-weight:800}.game-content-card{background:var(--student-card-bg);-webkit-backdrop-filter:blur(20px);border:var(--student-border);box-shadow:var(--student-shadow);border-radius:28px;min-height:400px;padding:32px}.configurable-game-engine{max-width:720px;margin:0 auto}.configurable-game-header{text-align:left;justify-content:center;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.configurable-game-header h2{color:var(--student-primary);margin:0 0 5px;font-size:26px}.configurable-game-header p{opacity:.75;margin:0 0 8px}.configurable-game-icon{font-size:42px}.configurable-game-badges{justify-content:flex-start}.configurable-game-board{border:var(--student-border);text-align:center;background:#00000008;border-radius:24px;padding:24px}.engine-progress-row{opacity:.72;justify-content:space-between;gap:16px;font-size:13px;font-weight:700;display:flex}.engine-prompt{margin:22px 0;font-size:20px}.engine-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.engine-options-line{border-bottom:3px solid color-mix(in srgb, var(--student-primary) 45%, transparent);align-items:stretch;padding:10px 2px;display:flex;overflow-x:auto}.engine-option{border:var(--student-border);background:var(--student-card-bg);width:100%;min-height:52px;color:var(--student-text);cursor:pointer;font:inherit;border-radius:14px;padding:12px 14px;font-weight:700}.engine-option:hover:not(:disabled),.engine-option.selected{border-color:var(--student-primary);transform:translateY(-1px)}.engine-option.correct{background:color-mix(in srgb, var(--success) 18%, var(--student-card-bg));border-color:var(--success)}.engine-option:disabled{cursor:default;opacity:.7}.engine-feedback{min-height:24px;margin:18px 0 0;font-weight:800}.engine-hint{opacity:.75;margin:-12px 0 18px;font-size:13px}.engine-answer-form{justify-content:center;gap:8px;display:flex}.scrambled-word{color:var(--student-primary);letter-spacing:5px;font-size:30px}.match-engine-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.match-engine-columns>div{flex-direction:column;gap:10px;display:flex}.game-completion-panel{padding:24px}.game-completion-trophy{font-size:52px}@media (width<=700px){.game-navigation-header,.active-game-actions,.configurable-game-header{flex-direction:column;align-items:stretch}.engine-options,.match-engine-columns{grid-template-columns:1fr}.game-content-card,.configurable-game-board{padding:18px}.arcade-pagination{gap:8px;padding-inline:12px}.arcade-pagination-button{min-width:0;padding-inline:12px}}:root{--hue:245;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--card-bg:#fff;--card-border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--primary:#4f46e5;--primary-hover:#4338ca;--primary-focus:#4f46e526;--success:#059669;--success-bg:#ecfdf5;--success-border:#a7f3d0;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--backdrop-blur:blur(20px)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--card-bg:#151f32;--card-border:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--primary:#6366f1;--primary-hover:#818cf8;--primary-focus:#6366f140;--success:#34d399;--success-bg:#34d3991a;--success-border:#34d39933;--error:#f87171;--error-bg:#f871711a;--error-border:#f8717133;--warning:#fbbf24;--warning-bg:#fbbf241a;--warning-border:#fbbf2433;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 12px 0 #00000080;--shadow-lg:0 12px 24px 0 #0009}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);background-image:radial-gradient(at 0% 0%, hsla(var(--hue), 80%, 60%, .08) 0, transparent 50%), radial-gradient(at 100% 0%, #b447eb14 0, transparent 50%), radial-gradient(at 50% 100%, #47b4eb0d 0, transparent 50%);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;padding:24px;overflow-x:hidden}#root{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex}body.student-fullscreen,body.staff-fullscreen,body.parent-fullscreen{padding:0}body.student-fullscreen #root,body.staff-fullscreen #root,body.parent-fullscreen #root{gap:0;max-width:none;min-height:100vh;margin:0}.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-md);box-shadow:var(--shadow-md), inset 0 1px 0 0 #ffffff0d;transition:var(--transition)}.glass-panel-hover:hover{box-shadow:var(--shadow-lg), 0 0 24px 0 hsla(var(--hue), 70%, 55%, .12);border-color:hsla(var(--hue), 60%, 55%, .35);transform:translateY(-3px)}.switch-control{width:44px;height:24px;display:inline-block;position:relative}.switch-control input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--bg-secondary);border:1.5px solid var(--card-border);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.switch-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:14px;height:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3.5px;left:3px}.switch-control input:checked+.switch-slider{background:linear-gradient(135deg, var(--primary) 0%, hsl(var(--hue), 80%, 70%) 100%);border-color:#0000}.switch-control input:checked+.switch-slider:before{background-color:#fff;transform:translate(20px)}.switch-control input:focus+.switch-slider{box-shadow:0 0 0 3px var(--primary-focus)}.btn-premium,.btn-secondary-premium{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-premium{background:linear-gradient(135deg, var(--primary) 0%, hsl(var(--hue), 80%, 70%) 100%);box-shadow:0 4px 14px 0 hsla(var(--hue), 70%, 55%, .3);border:none;color:#fff!important}.btn-premium:hover:not(:disabled){box-shadow:0 8px 22px 0 hsla(var(--hue), 70%, 55%, .45);filter:brightness(1.05);transform:translateY(-2px)}.btn-premium:active:not(:disabled){transform:translateY(0)}.btn-premium:disabled{background:var(--card-border);box-shadow:none;cursor:not-allowed;opacity:.6;color:var(--text-muted)!important}.btn-secondary-premium{color:var(--text-primary);background:var(--card-bg);border:1px solid var(--card-border)}.btn-secondary-premium:hover:not(:disabled){background:hsla(var(--hue), 10%, 50%, .08);border-color:var(--primary);transform:translateY(-1px)}.input-premium{border-radius:var(--radius-sm);border:1.5px solid var(--card-border);background:var(--bg-primary);height:42px;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition);outline:none;padding:0 16px;font-size:14px}.input-premium:focus{border-color:var(--primary);background:var(--card-bg);box-shadow:0 0 0 3px var(--primary-focus)}@keyframes slideScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.8;box-shadow:0 0 8px #1dc96466}50%{opacity:1;box-shadow:0 0 16px #1dc964cc}}@media (width<=480px){body{padding:16px}}.login-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards fadeIn;position:relative;overflow:hidden}.login-card:before{content:"";background:radial-gradient(circle at top right, hsla(var(--hue), 80%, 75%, .08), transparent 50%);pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.brand-title{letter-spacing:-.8px;color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700}.brand-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);padding-left:4px;font-size:14px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{width:100%;min-height:48px;font-family:var(--font-sans);color:var(--text-primary);background:hsla(var(--hue), 10%, 50%, .06);border:1.5px solid var(--card-border);border-radius:var(--radius-sm);transition:var(--transition);outline:none;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 4px var(--primary-focus)}.btn-submit{background:var(--primary);width:100%;min-height:48px;color:hsl(var(--hue), 100%, 98%);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 12px hsla(var(--hue), 70%, 55%, .25);transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:15px;font-weight:600;display:flex}.btn-submit:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 16px hsla(var(--hue), 70%, 55%, .35);transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.alert{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;animation:.4s forwards fadeIn;display:flex}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.status-bar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px 20px;font-size:13.5px;animation:.8s forwards fadeIn;display:flex}.status-row{justify-content:space-between;align-items:center;display:flex}.status-label{color:var(--text-secondary);font-weight:500}.status-value{align-items:center;gap:6px;font-weight:600;display:flex}.badge{border-radius:50%;width:8px;height:8px;display:inline-block}.badge-connected{background-color:var(--success);box-shadow:0 0 8px var(--success);animation:2s infinite pulse}.badge-disconnected{background-color:var(--error);box-shadow:0 0 8px var(--error)}.badge-pending{background-color:var(--warning);box-shadow:0 0 8px var(--warning)}.db-details{font-family:var(--font-mono);background:hsla(var(--hue), 10%, 50%, .05);border:1px dashed var(--card-border);word-break:break-all;text-align:left;color:var(--text-secondary);border-radius:4px;margin-top:4px;padding:6px 10px;font-size:11px}@media (width<=480px){.login-card{border-radius:var(--radius-md);padding:32px 24px}}.marketing-page{flex-direction:column;gap:48px;animation:.6s fadeIn;display:flex}.marketing-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.marketing-header-panel{border-radius:var(--radius-md);border-width:1.5px;margin-top:12px;padding:16px 28px}.logo-container{cursor:pointer;align-items:center;gap:10px;display:flex}.marketing-logo-button{background:0 0;border:none;padding:0}.logo-icon{background:linear-gradient(135deg, var(--primary) 0%, #a65eed 100%);color:#fff;width:36px;height:36px;box-shadow:0 4px 12px hsla(var(--hue), 70%, 55%, .25);border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex}.marketing-logo-text{letter-spacing:-.75px;color:var(--text-primary);font-size:20px;font-weight:800}.marketing-nav{align-items:center;gap:20px;display:flex}.marketing-sign-in-button{border-radius:10px;min-height:38px;padding:0 20px;font-size:13.5px}.nav-link{color:var(--text-secondary);transition:var(--transition);font-size:15px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--primary)}.hero-section{text-align:center;background:radial-gradient(circle at center, hsla(var(--hue), 60%, 55%, .05) 0%, transparent 70%);border-radius:var(--radius-lg);border:1px solid var(--card-border);flex-direction:column;align-items:center;padding:80px 24px;display:flex;position:relative;overflow:hidden}.marketing-hero-panel{background:radial-gradient(circle at center, hsla(var(--hue), 80%, 60%, .08) 0%, var(--card-bg) 100%);box-shadow:var(--shadow-lg);border-width:1.5px;padding:80px 32px}.marketing-hero-glow{background:hsla(var(--hue), 80%, 65%, .15);filter:blur(80px);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.marketing-hero-actions{z-index:1;gap:16px;display:flex}.marketing-hero-cta{border-radius:12px;height:48px;padding:0 28px;font-size:15px}.hero-title{letter-spacing:-1.5px;background:linear-gradient(135deg, var(--text-primary) 20%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:800px;margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:19px;line-height:1.5}.marketing-feature-section{flex-direction:column;gap:28px;display:flex}.marketing-section-title{text-align:center;color:var(--text-primary);letter-spacing:-.75px;font-size:26px;font-weight:800}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;text-align:left;appearance:none;border-top-style:solid;border-top-width:4px;flex-direction:column;gap:16px;width:100%;padding:32px;display:flex}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.student-accent{color:#8c3cdd;background:#8c3cdd1a}.staff-accent{color:#3c8cdd;background:#3c8cdd1a}.parent-accent{color:#22c365;background:#22c3651a}.portal-tone-student.feature-card{border-top-color:#994de6}.portal-tone-staff.feature-card{border-top-color:#4d99e6}.portal-tone-parent.feature-card{border-top-color:#1dc973}.portal-tone-student .feature-icon-wrapper,.drawer-option-icon.portal-tone-student{color:#994de6;background:#994de61f}.portal-tone-staff .feature-icon-wrapper,.drawer-option-icon.portal-tone-staff{color:#4d99e6;background:#4d99e61f}.portal-tone-parent .feature-icon-wrapper,.drawer-option-icon.portal-tone-parent{color:#1dc973;background:#1dc9731f}.feature-card h3{color:var(--text-primary);font-size:20px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.feature-card-footer{color:var(--primary);align-items:center;gap:8px;margin-top:auto;font-size:13.5px;font-weight:600;display:flex}.feature-card-footer.portal-tone-student{color:#994de6}.feature-card-footer.portal-tone-staff{color:#4d99e6}.feature-card-footer.portal-tone-parent{color:#1dc973}.marketing-footer{text-align:center;border-top:1px solid var(--card-border);color:var(--text-muted);padding:32px 0;font-size:13.5px}@media (width<=768px){.feature-grid{grid-template-columns:1fr}.hero-title{font-size:36px}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;pointer-events:auto;background:#0006;justify-content:center;align-items:flex-start;width:100vw;height:100vh;min-height:100dvh;padding-top:80px;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}.drawer-content{border:1px solid var(--card-border);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-lg);width:90%;max-width:480px;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;gap:20px;padding:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex}.app-shell-drawer-overlay{background:#05050873}.app-shell-drawer-content{width:90%;max-width:460px;box-shadow:var(--shadow-lg);padding:28px;animation:.35s cubic-bezier(.34,1.56,.64,1) slideScaleIn}.drawer-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.drawer-header h2{font-size:22px;font-weight:700}.btn-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;padding:4px;display:flex}.btn-close:hover{background:hsla(var(--hue), 10%, 50%, .15);color:var(--text-primary)}.drawer-options{flex-direction:column;gap:12px;display:flex}.drawer-option{border:1.5px solid var(--card-border);border-radius:var(--radius-sm);background:hsla(var(--hue), 10%, 50%, .03);cursor:pointer;transition:var(--transition);text-align:left;appearance:none;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.drawer-option:hover{border-color:var(--primary);background:hsla(var(--hue), 60%, 55%, .05);transform:translate(4px)}.drawer-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.drawer-option-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex}.drawer-option.portal-tone-student:hover,.drawer-option.portal-tone-student:focus-visible{background:#994de60d;border-color:#994de6}.drawer-option.portal-tone-staff:hover,.drawer-option.portal-tone-staff:focus-visible{background:#4d99e60d;border-color:#4d99e6}.drawer-option.portal-tone-parent:hover,.drawer-option.portal-tone-parent:focus-visible{background:#1dc9730d;border-color:#1dc973}.drawer-option-text h4{color:var(--text-primary);font-size:15px;font-weight:600}.drawer-option-text p{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.login-container{justify-content:center;align-items:center;width:100%;min-height:70vh;display:flex}.portal-login-shell{z-index:10;width:100%;max-width:440px;animation:.5s fadeIn;position:relative}.back-to-home{color:var(--text-secondary);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;margin-bottom:24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.portal-back-button{background:0 0;border:none;padding:0}.back-to-home:hover{color:var(--primary)}.portal-login-card{box-shadow:var(--shadow-lg);border-width:1.5px;padding:36px}.portal-login-brand{text-align:center;margin-bottom:28px}.portal-login-brand-icon{margin-bottom:8px;font-size:42px;animation:4s ease-in-out infinite floatUp;display:block}.portal-login-alert{font-size:13.5px}.portal-session-state{flex-direction:column;gap:20px;animation:.4s fadeIn;display:flex}.portal-session-card{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-sm);text-align:left;padding:16px}.portal-session-card h2{color:var(--success);margin-bottom:6px;font-size:16px;font-weight:700}.portal-session-card p{color:var(--text-secondary);margin:0 0 12px;font-size:13.5px}.portal-session-details{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.portal-session-token{word-break:break-all;margin-top:4px}.portal-session-token code{background:var(--bg-secondary);border-radius:4px;margin-top:2px;padding:4px 6px;font-size:10.5px;display:block}.portal-login-form{flex-direction:column;gap:18px;display:flex}.portal-login-primary-button{border-radius:var(--radius-sm);width:100%;height:44px;margin-top:8px}.portal-login-secondary-button{width:100%;min-height:44px}.login-card-student{border-top:4px solid #8c3cdd}.login-card-staff{border-top:4px solid #3c8cdd}.login-card-parent{border-top:4px solid #22c365}.accent-text-student{color:#8c3cdd}.accent-text-staff{color:#3c8cdd}.accent-text-parent{color:#22c365}.app-shell-status-bar{box-shadow:var(--shadow-sm);border-radius:var(--radius-md);border-width:1.5px;margin-top:0}.app-shell-status-trigger{cursor:pointer;background:0 0;border:none;padding:0}.app-shell-status-loading{align-items:center;gap:6px;display:flex}.app-shell-status-spinner{border-top-color:var(--text-secondary);width:12px;height:12px}.app-shell-status-muted{color:var(--text-muted);font-size:12px}.app-shell-status-success{color:var(--success);font-weight:700}.app-shell-status-error{color:var(--error);font-weight:700}.app-shell-status-icon{opacity:.6;margin-left:2px}.timeline-list{margin-top:10px;padding-left:28px;position:relative}.timeline-list:before{content:"";background:linear-gradient(to bottom, var(--card-border) 0%, hsla(var(--hue), 20%, 40%, .15) 100%);width:2px;position:absolute;top:8px;bottom:8px;left:10px}.timeline-item{margin-bottom:20px;animation:.4s forwards fadeIn;position:relative}.timeline-dot{background:var(--text-muted);border:2px solid var(--bg-primary);width:10px;height:10px;box-shadow:0 0 0 3px var(--card-border);z-index:2;border-radius:50%;transition:all .3s;position:absolute;top:14px;left:-28px}.timeline-dot.create{background:var(--success);box-shadow:0 0 0 3px var(--success-border), 0 0 10px var(--success)}.timeline-dot.update{background:var(--warning);box-shadow:0 0 0 3px var(--warning-border), 0 0 10px var(--warning)}.timeline-dot.delete{background:var(--error);box-shadow:0 0 0 3px var(--error-border), 0 0 10px var(--error)}.otas-datetime-picker{position:relative}.otas-datetime-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;width:100%;display:flex}.otas-datetime-text-wrap{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.otas-datetime-text-wrap .btn-secondary-premium{justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0 14px;display:inline-flex}.otas-datetime-popover{z-index:30;border-radius:12px;width:100%;min-width:320px;max-height:380px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.otas-datetime-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.otas-datetime-head .btn-secondary-premium{min-width:38px;height:34px;padding:0}.otas-datetime-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.otas-datetime-weekdays span{text-align:center;color:var(--text-muted);font-size:12px;font-weight:600}.otas-datetime-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.otas-datetime-day{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-primary);cursor:pointer;height:34px;transition:var(--transition);border-radius:8px;font-weight:600}.otas-datetime-day:hover{border-color:var(--primary);background:hsla(var(--hue), 72%, 56%, .08)}.otas-datetime-day.muted{opacity:.45}.otas-datetime-day.selected{background:var(--primary);color:#fff;border-color:#0000}.otas-datetime-time{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}.otas-datetime-time select.form-input{min-height:38px}.topic-detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);align-items:start;gap:20px;display:grid}.topic-detail-panel{flex-direction:column;gap:16px;min-height:100%;padding:20px;display:flex}.topic-detail-panel-featured{background:radial-gradient(circle at top right, hsla(var(--hue), 72%, 56%, .09), transparent 34%), var(--card-bg)}.topic-detail-panel-summary{grid-column:1/-1}.topic-detail-panel-qa .topic-detail-empty-state{width:100%}.topic-detail-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.topic-detail-panel-title{margin:0;font-size:18px;font-weight:700}.topic-detail-panel-subtitle{color:var(--text-secondary);margin:6px 0 0;font-size:13px;line-height:1.5}.topic-detail-status-chip{min-height:28px;color:var(--primary);background:hsla(var(--hue), 72%, 56%, .1);border:1px solid hsla(var(--hue), 72%, 56%, .18);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.topic-detail-summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.topic-detail-field{border:1px solid hsla(var(--hue), 18%, 45%, .12);background:hsla(var(--hue), 16%, 50%, .035);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.topic-detail-field-label{color:var(--text-muted);font-size:12px;font-weight:600}.topic-detail-field-value{color:var(--text-primary);word-break:break-word;font-size:14px;font-weight:700}.topic-detail-field-value-mono{font-family:var(--font-mono)}.topic-detail-field-value-accent{color:var(--primary)}.topic-detail-description-block{background:hsla(var(--hue), 16%, 50%, .03);border:1px solid hsla(var(--hue), 18%, 45%, .12);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.topic-detail-description-copy{color:var(--text-primary);white-space:pre-wrap;font-size:14px;font-weight:600;line-height:1.6}.topic-video-dropzone{border:1.5px dashed hsla(var(--hue), 40%, 52%, .28);background:linear-gradient(180deg, hsla(var(--hue), 72%, 56%, .05), transparent 55%), hsla(var(--hue), 18%, 50%, .035);width:100%;color:inherit;cursor:pointer;text-align:left;transition:var(--transition);border-radius:18px;padding:0}.topic-video-dropzone:hover{border-color:hsla(var(--hue), 72%, 56%, .4);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.topic-video-dropzone.drag-active{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-focus);background:linear-gradient(180deg, hsla(var(--hue), 72%, 56%, .1), transparent 60%), hsla(var(--hue), 18%, 50%, .06)}.topic-video-dropzone-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:250px;padding:28px 24px;display:flex}.topic-video-dropzone-icon{background:hsla(var(--hue), 72%, 56%, .12);width:58px;height:58px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fff3}.topic-video-dropzone-title{color:var(--text-primary);font-size:18px;font-weight:700}.topic-video-dropzone-copy{max-width:520px;color:var(--text-secondary);font-size:13.5px;line-height:1.6}.topic-video-selected-card{flex-direction:column;gap:16px;min-height:250px;padding:24px;display:flex}.topic-video-selected-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.topic-video-selected-title{color:var(--text-primary);word-break:break-word;font-size:16px;font-weight:700}.topic-video-selected-meta{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.5}.topic-video-ready-badge{min-height:30px;color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.topic-video-selected-copy{color:var(--text-secondary);background:hsla(var(--hue), 18%, 50%, .03);border:1px solid hsla(var(--hue), 18%, 45%, .12);border-radius:14px;margin-top:auto;padding:16px;font-size:13.5px;line-height:1.6}.topic-video-actions{flex-wrap:wrap;gap:10px;display:flex}.topic-video-actions .btn-premium,.topic-video-actions .btn-secondary-premium{min-height:42px}.topic-video-helper-row{flex-direction:column;gap:8px;display:flex}.topic-video-helper-copy,.topic-video-feedback{font-size:13px;line-height:1.5}.topic-video-helper-copy{color:var(--text-secondary)}.topic-video-feedback{color:var(--text-primary);font-weight:600}.topic-detail-empty-state{border:1px dashed hsla(var(--hue), 18%, 45%, .22);background:hsla(var(--hue), 16%, 50%, .03);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:24px;display:flex}.topic-detail-empty-state-title{color:var(--text-primary);font-size:17px;font-weight:700}.topic-detail-empty-state-copy{max-width:480px;color:var(--text-secondary);font-size:13.5px;line-height:1.6}.topic-quiz-editor,.topic-quiz-summary{flex-direction:column;gap:10px;display:flex}.topic-quiz-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.topic-quiz-field{flex-direction:column;gap:8px;display:flex}.topic-quiz-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.topic-quiz-textarea,.topic-quiz-answer-input{width:100%}.topic-quiz-textarea{resize:vertical;border:1px solid var(--card-border);background:var(--card-bg);min-height:110px;color:var(--text-primary);font-size:14px;line-height:1.6;font-family:var(--font-sans);border-radius:14px;padding:12px 14px}.topic-quiz-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus);outline:none}.topic-quiz-answer-list{flex-direction:column;gap:10px;display:flex}.topic-quiz-answer-row{border:1px solid hsla(var(--hue), 18%, 45%, .12);background:hsla(var(--hue), 16%, 50%, .03);border-radius:14px;grid-template-columns:minmax(110px,132px) minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.topic-quiz-answer-checkbox{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.topic-quiz-answer-checkbox input{width:16px;height:16px}.topic-quiz-helper-copy{color:var(--text-secondary);font-size:13px;line-height:1.5}.topic-quiz-validation-error{color:var(--error);font-size:13px;font-weight:700}.topic-quiz-summary-card{border:1px solid hsla(var(--hue), 18%, 45%, .12);background:hsla(var(--hue), 16%, 50%, .03);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.topic-quiz-summary-question{color:var(--text-primary);white-space:pre-wrap;font-size:13px;font-weight:700;line-height:1.45}.topic-quiz-summary-meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:12px;font-weight:700;display:flex}.topic-quiz-summary-list{flex-direction:column;gap:8px;display:flex}.topic-quiz-summary-answer{background:var(--card-bg);border:1px solid hsla(var(--hue), 18%, 45%, .12);color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.topic-quiz-summary-answer-compact{align-items:flex-start}.topic-quiz-summary-badge{min-height:22px;color:var(--text-secondary);background:hsla(var(--hue), 10%, 50%, .08);border:1px solid var(--card-border);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.topic-quiz-summary-badge.is-correct{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}@media (width<=980px){.topic-detail-grid{grid-template-columns:1fr}}@media (width<=640px){.topic-detail-panel{padding:18px}.topic-video-dropzone-inner,.topic-video-selected-card,.topic-detail-empty-state{min-height:220px}.topic-video-actions{flex-direction:column}.topic-video-actions .btn-premium,.topic-video-actions .btn-secondary-premium{width:100%}.topic-quiz-answer-row,.topic-quiz-meta-grid{grid-template-columns:1fr}.topic-quiz-dialog-actions .btn-premium,.topic-quiz-dialog-actions .btn-secondary-premium{width:100%}}.dev-terminal{box-shadow:var(--shadow-md), 0 20px 40px #00000080;font-family:var(--font-mono);background:#0f141c;border:1.5px solid #21262d;border-radius:12px;overflow:hidden}.terminal-header{background:#171d26;border-bottom:1.5px solid #21262d;align-items:center;gap:6px;padding:10px 16px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{color:#8b949e;margin-left:8px;font-size:12px;font-weight:500}.terminal-body{color:#c9d1d9;background:#0d1117;max-height:250px;padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}.btn-3d{background:linear-gradient(135deg, var(--student-primary) 0%, hsl(var(--hue), 80%, 70%) 100%);cursor:pointer;box-shadow:0 6px 0 var(--student-primary-hover), 0 10px 20px #00000026;-webkit-user-select:none;user-select:none;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:800;transition:all .15s;display:inline-flex;position:relative;color:#fff!important}.btn-3d:hover{box-shadow:0 8px 0 var(--student-primary-hover), 0 12px 24px #0003;transform:translateY(-2px)}.btn-3d:active{box-shadow:0 2px 0 var(--student-primary-hover), 0 4px 10px #0000001a;transform:translateY(4px)}.math-number-3d{border:var(--student-border);background:#fff;border-radius:20px;justify-content:center;align-items:center;width:65px;height:65px;font-size:2.2rem;font-weight:900;transition:transform .2s;display:flex;box-shadow:0 6px #00000014,0 10px 20px #0000000d}.math-number-3d:hover{transform:scale(1.05)rotate(-2deg)}.math-question-mark-3d{color:#e09006;background:#feeccd;border:3px solid #fad89e;border-radius:20px;justify-content:center;align-items:center;width:65px;height:65px;font-size:2.2rem;font-weight:900;animation:1.5s infinite pulse,3s ease-in-out infinite floatUp;display:flex;box-shadow:0 6px #fbbf2433,0 10px 20px #fbbf241a}.otas-toast{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:30000;border:1px solid var(--card-border);background:var(--card-bg);width:min(420px,100vw - 40px);min-width:280px;max-width:420px;-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-lg);border-left-style:solid;border-left-width:4px;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;font-weight:600;animation:.25s toastIn;display:flex;position:fixed}.otas-toast-success{color:var(--success);border-color:var(--success-border);border-left-color:var(--success)}.otas-toast-error{color:var(--error);border-color:var(--error-border);border-left-color:var(--error)}.otas-toast-copy-btn{border:1px solid var(--card-border);background:hsla(var(--hue), 10%, 50%, .08);color:var(--text-primary);cursor:pointer;border-radius:6px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700}.otas-toast-copy-btn:hover{background:hsla(var(--hue), 30%, 50%, .16)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)translate(8px)}to{opacity:1;transform:translateY(0)translate(0)}}@keyframes gradeAutoUpdatedBlink{0%,to{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a40}50%{border-color:#16a34a59;box-shadow:0 0 0 1px #16a34a1a}}.otas-dropdown-container{display:inline-block;position:relative}.otas-dropdown-container:hover,.otas-dropdown-container:focus-within{z-index:9000}.otas-dropdown-container:has(.otas-dropdown-menu){z-index:9000}.otas-dropdown-trigger{border:1px solid var(--card-border);background:var(--card-bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:16px;display:inline-flex}.otas-dropdown-trigger:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:hsla(var(--hue), 72%, 56%, .06);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.otas-dropdown-trigger:active:not(:disabled){transform:translateY(0)}.otas-dropdown-container.table-row-actions .otas-dropdown-trigger{opacity:0;pointer-events:none}tr:hover .otas-dropdown-container.table-row-actions .otas-dropdown-trigger,tr:focus-within .otas-dropdown-container.table-row-actions .otas-dropdown-trigger,.otas-dropdown-container.table-row-actions:focus-within .otas-dropdown-trigger{opacity:1;pointer-events:auto}.otas-dropdown-container.table-row-actions:has(.otas-dropdown-menu) .otas-dropdown-trigger{opacity:1;pointer-events:auto}.scheduler-event-card:hover .otas-dropdown-container.table-row-actions .otas-dropdown-trigger,.scheduler-event-card:focus-within .otas-dropdown-container.table-row-actions .otas-dropdown-trigger,.student-lesson-item:hover .otas-dropdown-container.table-row-actions .otas-dropdown-trigger,.student-lesson-item:focus-within .otas-dropdown-container.table-row-actions .otas-dropdown-trigger{opacity:1;pointer-events:auto}.otas-dropdown-menu{background:var(--bg-primary);border:1px solid var(--card-border);border-radius:var(--radius-sm);min-width:180px;box-shadow:var(--shadow-lg);z-index:9500;transform-origin:100% 0;flex-direction:column;gap:2px;padding:6px;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideScaleIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}.otas-dropdown-item{text-align:left;cursor:pointer;width:100%;min-height:38px;color:var(--text-primary);transition:var(--transition);font-size:13.5px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.otas-dropdown-item:hover:not(:disabled){background:hsla(var(--hue), 72%, 56%, .08);color:var(--primary)}.otas-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.otas-dropdown-item-danger{color:var(--error)!important}.otas-dropdown-item-danger:hover:not(:disabled){color:var(--error)!important;background:#d11a2914!important}.otas-dropdown-divider{background-color:var(--card-border);height:1px;margin:4px 6px}.staff-nav-btn{min-height:46px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-left-width:3px;border-radius:10px;align-items:center;gap:12px;width:100%;padding:0 16px;font-size:14.5px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.staff-nav-btn-label{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.staff-nav-btn-badge{border:1px solid hsla(var(--hue), 72%, 56%, .24);background:hsla(var(--hue), 72%, 56%, .14);min-height:20px;color:var(--primary);letter-spacing:.02em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.staff-nav-btn:hover{color:var(--text-primary);background:hsla(var(--hue), 10%, 50%, .05);border-left-color:hsla(var(--hue), 50%, 55%, .4);transform:translate(4px)}.staff-nav-btn.active{color:var(--primary);background:hsla(var(--hue), 72%, 56%, .095);border:1px solid hsla(var(--hue), 72%, 56%, .15);border-left:4px solid var(--primary);box-shadow:inset 0 0 12px hsla(var(--hue), 72%, 56%, .05);font-weight:600}.staff-nav-category{flex-direction:column;gap:4px;margin-bottom:18px;display:flex}.staff-nav-category-title{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;opacity:.8;align-items:center;gap:6px;margin-bottom:6px;padding-left:12px;font-size:11px;font-weight:700;display:flex}.editor-preview{overflow-x:auto;box-shadow:inset 0 2px 10px #000c;color:#c9d1d9!important;font-family:var(--font-mono)!important;background:#08070d!important;border:1px solid #21262d!important;border-radius:8px!important;padding:16px!important;font-size:12.5px!important;line-height:1.5!important}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dropdown-item-settings:hover{background:hsla(var(--hue), 10%, 50%, .08)!important;color:var(--primary)!important}.dropdown-item-logout:hover{background:#df203014!important}.inquiry-filter-search{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important;transition:all .2s ease-in-out!important}.inquiry-filter-search::placeholder{color:var(--text-secondary);opacity:.6}.inquiry-filter-search:focus{background:var(--card-bg)!important;border-color:var(--primary)!important}.staff-marketing-page{flex-direction:column;gap:24px;animation:.4s fadeIn;display:flex}.staff-marketing-toolbar-button{border:1px solid var(--card-border);background:hsla(var(--hue), 14%, 52%, .06);min-height:38px;color:var(--text-secondary);cursor:not-allowed;opacity:.9;border-radius:10px;padding:0 14px;font-weight:600}.staff-marketing-toolbar-button--primary{background:linear-gradient(135deg, var(--primary) 0%, hsl(var(--hue), 80%, 70%) 100%);color:#fff;border-color:#0000}.staff-marketing-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.staff-marketing-metric-card,.staff-marketing-card{border:1px solid var(--card-border);padding:22px}.staff-marketing-metric-card{flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden}.staff-marketing-metric-card:after{content:"";opacity:.28;filter:blur(4px);border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -40px -50px auto}.staff-marketing-metric-card--violet:after{background:#b566ea8c}.staff-marketing-metric-card--teal:after{background:#2cd1dd8c}.staff-marketing-metric-card--amber:after{background:#f4a73480}.staff-marketing-metric-card--rose:after{background:#f06a9780}.staff-marketing-metric-label,.staff-marketing-metric-trend{z-index:1;position:relative}.staff-marketing-metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:12px}.staff-marketing-metric-value{z-index:1;letter-spacing:-.04em;font-size:32px;line-height:1;position:relative}.staff-marketing-metric-trend{color:var(--text-secondary);font-size:13px}.staff-marketing-main-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr) minmax(280px,.8fr);gap:16px;display:grid}.staff-marketing-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.staff-marketing-card{flex-direction:column;gap:18px;display:flex}.staff-marketing-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.staff-marketing-card-header h3,.staff-marketing-campaign-copy h4,.staff-marketing-funnel-stage h4,.staff-marketing-audience-topline h4,.staff-marketing-activity-item h4,.staff-marketing-pipeline-item h4{margin:0}.staff-marketing-card-header p,.staff-marketing-campaign-copy p,.staff-marketing-audience-item p,.staff-marketing-activity-item p,.staff-marketing-pipeline-item p{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.staff-marketing-badge{background:hsla(var(--hue), 80%, 64%, .12);color:var(--primary);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.staff-marketing-campaign-list,.staff-marketing-funnel,.staff-marketing-audience-list,.staff-marketing-activity-list,.staff-marketing-pipeline{flex-direction:column;gap:14px;display:flex}.staff-marketing-campaign-item,.staff-marketing-funnel-stage,.staff-marketing-audience-item,.staff-marketing-activity-item,.staff-marketing-pipeline-item{background:linear-gradient(180deg, hsla(var(--hue), 24%, 96%, .06) 0%, hsla(var(--hue), 20%, 92%, .02) 100%);border:1px solid hsla(var(--hue), 18%, 75%, .12);border-radius:14px;padding:14px 16px}.staff-marketing-campaign-copy,.staff-marketing-audience-topline,.staff-marketing-pipeline-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.staff-marketing-campaign-stats{color:var(--text-secondary);flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex}.staff-marketing-progress-track{background:hsla(var(--hue), 16%, 65%, .14);border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.staff-marketing-progress-fill{border-radius:inherit;background:linear-gradient(90deg, #2bb7de 0%, hsl(var(--hue), 82%, 68%) 100%);height:100%}.staff-marketing-funnel-stage{grid-template-columns:44px 1fr auto;align-items:center;gap:14px;display:grid}.staff-marketing-funnel-stage p{letter-spacing:-.04em;margin:4px 0 0;font-size:22px;font-weight:700}.staff-marketing-funnel-rank{background:hsla(var(--hue), 80%, 64%, .12);width:44px;height:44px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.staff-marketing-funnel-conversion{color:var(--text-secondary);font-size:13px;font-weight:700}.staff-marketing-audience-topline span{color:var(--text-primary);font-size:22px;font-weight:700}.staff-marketing-activity-item{grid-template-columns:64px 1fr;gap:14px;display:grid}.staff-marketing-activity-time{color:var(--primary);letter-spacing:.06em;font-size:12px;font-weight:700}.staff-marketing-enquiries{border:1px solid hsla(var(--hue), 18%, 75%, .12);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.staff-marketing-enquiries-head,.staff-marketing-enquiries-row{grid-template-columns:1.15fr 1fr .9fr .9fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.staff-marketing-enquiries-head{background:hsla(var(--hue), 20%, 92%, .08);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-weight:700}.staff-marketing-enquiries-row{border-top:1px solid hsla(var(--hue), 18%, 75%, .1);font-size:13px}.staff-marketing-status-chip,.staff-marketing-pipeline-chip{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.staff-marketing-status-chip,.staff-marketing-pipeline-chip--published{color:#1a9e5c;background:#1eb86b29}.staff-marketing-pipeline-chip--draft{background:hsla(var(--hue), 22%, 62%, .16);color:var(--text-secondary)}.staff-marketing-pipeline-chip--review{color:#c76b0f;background:#f8a4252e}.staff-marketing-pipeline-chip--scheduled{color:#1973c8;background:#3a97ee29}@media (width<=1180px){.staff-marketing-main-grid,.staff-marketing-secondary-grid,.staff-marketing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.staff-marketing-main-grid,.staff-marketing-secondary-grid,.staff-marketing-metrics,.staff-marketing-enquiries-head,.staff-marketing-enquiries-row{grid-template-columns:1fr}.staff-marketing-card-header,.staff-marketing-campaign-copy,.staff-marketing-audience-topline,.staff-marketing-pipeline-item{flex-direction:column;align-items:flex-start}.staff-marketing-campaign-stats{align-items:flex-start}}.parent-nav-btn{min-height:46px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-left-width:3px;border-radius:10px;align-items:center;gap:12px;width:100%;padding:0 16px;font-size:14.5px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.parent-nav-btn:hover{color:var(--text-primary);background:#737b8c0d;border-left-color:#5379c666;transform:translate(4px)}.parent-nav-btn.active{color:#5a8cf2;background:#3e74e018;border:1px solid #3e74e026;border-left:4px solid #5a8cf2;font-weight:600;box-shadow:inset 0 0 12px #3e74e00d}.parent-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}.parent-card:hover{box-shadow:var(--shadow-md);border-color:#708bc240;transform:translateY(-2px)}.parent-badge-gender-m{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.parent-badge-gender-f{color:#f472b6;background:#ec48991a;border:1px solid #ec489933}