@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Merriweather:wght@300;400;700&display=swap";.global-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;font-family:Outfit,sans-serif;position:relative;overflow:hidden;color:#fff}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.shape{position:absolute;filter:blur(80px);opacity:.5;animation:move 20s infinite alternate}.shape-1{width:400px;height:400px;background:#4facfe;top:-10%;left:-10%;border-radius:40% 60% 70% 30%/40% 50% 60%}.shape-2{width:500px;height:500px;background:#00f2fe;bottom:-10%;right:-10%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation-delay:-5s}.shape-3{width:300px;height:300px;background:#a18cd1;top:40%;left:40%;border-radius:50%;opacity:.3;animation-duration:25s}@keyframes move{0%{transform:translate(0) rotate(0)}to{transform:translate(20px,20px) rotate(10deg)}}.main-card{position:relative;z-index:10;background:#1e293bb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:4rem;max-width:900px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000080}.login-header{margin-bottom:3rem}.login-header h1{font-size:3.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#00f2fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:#94a3b8;font-size:1.2rem;margin-top:.5rem}.role-options{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.role-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;width:300px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.role-card:hover{background:#ffffff1a}.icon-container{font-size:3rem;margin-bottom:1rem}.role-card h2{font-size:1.5rem;margin:0 0 .5rem;color:#fff}.role-card p{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.role-btn{margin-top:auto;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease}.role-card:hover .role-btn{background:#fff;color:#0f172a}.login-page{min-height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;padding:var(--space-6);font-family:Outfit,sans-serif;color:#fff;position:relative;overflow:hidden}.login-container{max-width:600px;width:100%;text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;box-shadow:0 25px 50px -12px #00000080;z-index:10}.login-logo{margin-bottom:var(--space-8)}.logo-icon{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6);background:transparent!important;box-shadow:none!important}.school-name{font-size:var(--text-4xl);font-weight:700;color:#fff;margin:0;margin-bottom:var(--space-2)}.platform-name{font-size:var(--text-5xl);font-weight:800;background:linear-gradient(135deg,#fff,#00f2fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#00f2fe;margin:0;margin-bottom:var(--space-3);text-shadow:0 0 20px rgba(0,242,254,.3)}.tagline{font-size:var(--text-lg);color:#ffffffb3;margin:0}.role-selection{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-8)}.role-btn{padding:var(--space-6);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.role-btn:hover{background:#ffffff1a;border-color:#00f2fe;transform:translateY(-5px);box-shadow:0 10px 20px #00f2fe1a}.role-btn.active{background:#00f2fe26;border-color:#00f2fe;box-shadow:0 0 15px #00f2fe33}.role-icon{font-size:2rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.role-label{font-size:var(--text-lg);font-weight:600;color:#fffc;transition:color .3s}.role-btn.active .role-label{color:#00f2fe}.name-input-section{margin-bottom:var(--space-8);text-align:left}.name-input-section label{display:block;color:#ffffffe6;font-size:var(--text-base);margin-bottom:var(--space-3);font-weight:500}.name-input-section input{width:100%;padding:var(--space-4) var(--space-6);background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:var(--text-lg);outline:none;transition:all .3s}.name-input-section input::placeholder{color:#fff6}.name-input-section input:focus{border-color:#00f2fe;background:#00f2fe0d;box-shadow:0 0 15px #00f2fe1a}.continue-btn{width:100%;padding:var(--space-5) var(--space-8);background:linear-gradient(135deg,#00f2fe,#006064);border:none;border-radius:50px;color:#fff;font-size:var(--text-xl);font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #00f2fe4d;text-transform:uppercase;letter-spacing:1px}.continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00f2fe80;filter:brightness(1.1)}.continue-btn:disabled{opacity:.5;cursor:not-allowed;background:#334155;box-shadow:none}@media(max-width:768px){.school-name,.platform-name{font-size:var(--text-4xl)}.logo-icon{flex-direction:column;gap:var(--space-2)}.role-selection{grid-template-columns:1fr}.login-container{padding:2rem}}.teacher-selection-container{min-height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff;font-family:Outfit,sans-serif;padding:2rem}.ambient-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s infinite ease-in-out}.orb-1{width:400px;height:400px;background:#4facfe;top:-10%;left:-10%}.orb-2{width:500px;height:500px;background:#00f2fe;bottom:-10%;right:-10%;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.selection-content{position:relative;z-index:10;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.selection-header{text-align:center;margin-bottom:3rem}.selection-header h2{font-size:1.5rem;color:#a4b0be;font-weight:400;margin:0}.selection-header h1{font-size:3.5rem;font-weight:700;margin:.5rem 0;background:linear-gradient(135deg,#fff,#00f2fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.selection-header p{color:#64748b;font-size:1.1rem}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;width:100%}.selection-card{background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;cursor:pointer;position:relative;height:400px;display:flex;flex-direction:column;justify-content:space-between}.card-bg-effect{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;z-index:0;transition:opacity .3s ease}.dashboard-effect{background-image:linear-gradient(rgba(0,242,254,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.1) 1px,transparent 1px);background-size:20px 20px}.blackboard-effect{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 2px,transparent 2px,transparent 10px)}.selection-card:hover .card-bg-effect{opacity:.2}.card-content{position:relative;z-index:1;padding:2.5rem;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.icon-wrapper{width:80px;height:80px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2.5rem;box-shadow:0 0 20px #0003;transition:transform .3s ease}.selection-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg);background:#ffffff1a}.selection-card h3{font-size:1.8rem;margin:0 0 .5rem;color:#fff}.selection-card p{color:#94a3b8;margin-bottom:2rem;line-height:1.6}.feature-tags{display:flex;gap:.8rem;margin-bottom:auto;flex-wrap:wrap;justify-content:center}.feature-tags span{background:#ffffff0d;padding:6px 12px;border-radius:20px;font-size:.85rem;color:#cbd5e1;border:1px solid rgba(255,255,255,.05)}.enter-btn{margin-top:2rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease}.selection-card:hover .enter-btn{background:#fff;color:#0f172a;transform:translateY(-2px)}.logout-link{margin-top:3rem;background:transparent;border:none;color:#64748b;font-size:1rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:.5rem}@media(max-width:900px){.cards-grid{grid-template-columns:1fr}.selection-card{height:auto}}.student-home{min-height:100vh;background:transparent;padding:var(--space-8);padding-top:80px;font-family:Outfit,sans-serif;color:#fff;overflow-x:hidden}.student-home-container{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:var(--space-8)}.main-content{display:flex;flex-direction:column;gap:var(--space-8)}.continue-card{background:#ffffff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-3xl);padding:var(--space-10);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.continue-card:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,242,254,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.continue-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}.infinity-small{width:60px;height:30px;filter:drop-shadow(0 0 5px #00f2fe)}.continue-learning-btn{padding:var(--space-4) var(--space-8);background:#00f2fe1a;border:1px solid rgba(0,242,254,.3);border-radius:50px;color:#00f2fe;font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-3);box-shadow:0 0 15px #00f2fe1a;margin-bottom:var(--space-2)}.continue-learning-btn:hover{background:#00f2fe33;border-color:#00f2fe;box-shadow:0 0 25px #00f2fe66;transform:translateY(-2px);color:#fff}.continue-learning-btn:active{transform:translateY(0)}.continue-card h2{font-size:var(--text-4xl);font-weight:700;background:linear-gradient(90deg,#fff,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.5px}.continue-card p{font-size:var(--text-lg);color:#ffffffb3;margin:0 0 var(--space-8) 0;max-width:600px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.stat-box{background:#0003;border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;border:1px solid rgba(255,255,255,.05);transition:transform .3s}.stat-box:hover{transform:translateY(-5px);background:#0000004d;border-color:#00f2fe4d}.stat-number{font-size:var(--text-4xl);font-weight:700;color:#fff;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:#00f2fe;font-weight:600;text-transform:uppercase;letter-spacing:1px}.homework-section{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid rgba(255,255,255,.1)}.section-tabs{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-2)}.tab{padding:var(--space-3) var(--space-6);background:transparent;border:none;color:#ffffff80;font-size:var(--text-base);font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s}.tab:hover{color:#fffc}.tab.active{color:#00f2fe;border-bottom-color:#00f2fe}.homework-list{display:flex;flex-direction:column;gap:var(--space-4)}.homework-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:#0003;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05);transition:all .3s}.homework-item:hover{background:#0006;border-color:#00f2fe4d;transform:translate(5px)}.homework-item.urgent{border-left:3px solid #ff4444}.homework-info h4{color:#fff;font-size:var(--text-lg);margin:0 0 var(--space-1) 0}.homework-info p{color:#fff9;font-size:var(--text-sm);margin:0}.homework-due{text-align:right}.due-label{display:block;font-size:var(--text-xl);font-weight:700;color:#00f2fe;margin-bottom:var(--space-1)}.homework-item.urgent .due-label{color:#f44}.due-status{font-size:var(--text-xs);color:#ffffff80}.sidebar-content{display:flex;flex-direction:column;gap:var(--space-6)}.notifications-panel,.quick-stats-panel{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid rgba(255,255,255,.1)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.panel-header h3,.quick-stats-panel h3{color:#fff;font-size:var(--text-lg);margin:0;font-weight:600}.notification-badge{background:#00f2fe;color:#0f172a;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;box-shadow:0 0 10px #00f2fe66}.notifications-list{display:flex;flex-direction:column;gap:var(--space-4)}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:#0003;border-radius:var(--radius-lg);border-left:3px solid transparent;transition:background .3s}.notification-item:hover{background:#0000004d}.notification-item.success{border-left-color:#10b981}.notification-item.info{border-left-color:#00f2fe}.notification-item.warning{border-left-color:#f59e0b}.notif-icon{font-size:1.2rem}.notif-content p{color:#ffffffe6;font-size:var(--text-sm);margin:0 0 var(--space-1) 0}.notif-time{color:#ffffff80;font-size:var(--text-xs)}.quick-stats-panel h3{margin-bottom:var(--space-5)}.quick-stat-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid rgba(255,255,255,.1)}.quick-stat-item:last-child{border-bottom:none}.stat-icon{font-size:1.4rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.stat-details{flex:1;display:flex;justify-content:space-between;align-items:center}.stat-details .stat-label{color:#ffffffb3;font-size:var(--text-sm)}.stat-details .stat-value{font-size:var(--text-2xl);font-weight:700}.stat-details .stat-value.yellow{color:#00f2fe;text-shadow:0 0 10px rgba(0,242,254,.3)}@media(max-width:1200px){.student-home-container{grid-template-columns:1fr}.sidebar-content{grid-template-columns:repeat(2,1fr);display:grid}}@media(max-width:768px){.student-home{padding:var(--space-4);padding-top:70px}.stats-row,.sidebar-content{grid-template-columns:1fr}.continue-card h2{font-size:var(--text-2xl)}}.subject-selection-dark{min-height:100vh;background:transparent;padding:var(--space-8);padding-top:100px;display:flex;flex-direction:column;align-items:center;font-family:Outfit,sans-serif;color:#fff}.selection-header-dark{text-align:center;margin-bottom:var(--space-12);max-width:800px}.selection-header-dark h1{font-size:var(--text-4xl);font-weight:800;color:#fff;margin:0 0 var(--space-3) 0}.user-name{color:#00f2fe;text-shadow:0 0 10px rgba(0,242,254,.4)}.selection-header-dark p{font-size:var(--text-lg);color:#ffffffb3;margin:0}.subjects-grid-dark{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);max-width:900px;width:100%;margin-bottom:var(--space-12)}.subject-card-dark{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-4);text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.subject-card-dark:hover{background:#ffffff1a;border-color:#00f2fe;transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px #00f2fe26}.subject-card-dark:after{content:"";position:absolute;inset:0;border-radius:var(--radius-2xl);box-shadow:inset 0 0 20px #00f2fe00;transition:box-shadow .3s}.subject-card-dark:hover:after{box-shadow:inset 0 0 20px #00f2fe1a}.subject-icon-circle{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);transition:transform .4s;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 15px #0003}.subject-card-dark:hover .subject-icon-circle{transform:scale(1.1) rotate(5deg);border-color:#00f2fe;box-shadow:0 0 15px #00f2fe66}.subject-icon{font-size:2rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.subject-card-dark h3{font-size:var(--text-lg);font-weight:700;color:#fff;margin:0 0 var(--space-2) 0;transition:color .3s}.subject-card-dark:hover h3{color:#00f2fe}.subject-card-dark p{font-size:var(--text-sm);color:#fff9;margin:0;line-height:1.4}.progress-dots{display:flex;gap:var(--space-2);justify-content:center}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s}.dot.active{background:#00f2fe;width:24px;border-radius:10px;box-shadow:0 0 10px #00f2fe80}@media(max-width:1024px){.subjects-grid-dark{grid-template-columns:repeat(2,1fr);max-width:600px}}@media(max-width:768px){.subject-selection-dark{padding:var(--space-4);padding-top:80px}.selection-header-dark h1{font-size:var(--text-3xl)}.subjects-grid-dark{grid-template-columns:1fr;gap:var(--space-4)}}.student-landing{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-8) var(--space-6);padding-top:80px}.landing-header{text-align:center;margin-bottom:var(--space-12)}.school-branding{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.school-logo .logo-placeholder{width:100px;height:100px;background:#fff;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:var(--shadow-2xl)}.school-info{text-align:left;color:#fff}.school-name{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-2);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.class-info,.teacher-info{font-size:var(--text-lg);opacity:.95;margin-bottom:var(--space-1)}.welcome-text{font-size:var(--text-3xl);color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subjects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.subject-card{position:relative;background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-xl);transition:all var(--transition-base)}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--subject-color)}.subject-gradient{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--subject-color),transparent);opacity:.1;transition:opacity var(--transition-base)}.subject-card:hover .subject-gradient{opacity:.2}.subject-icon{font-size:4rem;margin-bottom:var(--space-4);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.subject-name{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.subject-chapters{font-size:var(--text-base);color:var(--color-gray-600);font-weight:500}.dashboard-link{text-align:center}.dashboard-link .btn{font-size:var(--text-lg);padding:var(--space-4) var(--space-8);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid white}.dashboard-link .btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media(max-width:768px){.school-branding{flex-direction:column;text-align:center}.school-info{text-align:center}.school-name{font-size:var(--text-3xl)}.subjects-grid{grid-template-columns:1fr;gap:var(--space-6)}}.topic-selection{min-height:100vh;background:transparent;padding:var(--space-8) var(--space-6);padding-top:80px;font-family:Outfit,sans-serif;color:#fff}.topic-header{max-width:1000px;margin:0 auto var(--space-12)}.back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:var(--space-3) var(--space-6);border-radius:50px;font-weight:600;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s;margin-bottom:var(--space-6);display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif}.back-btn:hover{background:#00f2fe33;border-color:#00f2fe;color:#00f2fe;transform:translate(-5px);box-shadow:0 0 15px #00f2fe33}.subject-title{display:flex;align-items:center;gap:var(--space-6);color:#fff}.subject-icon-large{font-size:4rem;filter:drop-shadow(0 0 10px rgba(0,242,254,.5))}.subject-title h1{font-size:var(--text-5xl);font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.2)}.chapters-container{max-width:1000px;margin:0 auto}.chapters-heading{color:#00f2fe;font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-8);text-shadow:0 0 10px rgba(0,242,254,.3)}.chapters-grid{display:grid;gap:var(--space-4)}.chapter-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;box-shadow:0 8px 32px #0003;transition:all .3s;display:flex;justify-content:space-between;align-items:center;overflow:hidden;min-height:80px}.chapter-card:hover{background:#ffffff1a;border-color:#00f2fe;transform:translate(10px);box-shadow:0 10px 40px #00f2fe1a}.chapter-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#00f2fe;transition:width .3s ease;box-shadow:0 0 10px #00f2fe}.chapter-card:hover:before{width:8px}.card-content{display:flex;flex-direction:column;gap:var(--space-2);z-index:1}.chapter-number{font-size:var(--text-sm);font-weight:700;color:#00f2fe;margin-bottom:5px;letter-spacing:1px;text-transform:uppercase}.chapter-title{font-size:var(--text-xl);font-weight:700;color:#fff;margin:0}.chapter-topics{font-size:var(--text-sm);color:#fff9;margin:0}.hover-overlay{display:flex;align-items:center;gap:10px;color:#00f2fe;font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,242,254,.5)}.chapter-arrow{font-size:1.5rem}.hook-video-page{min-height:100vh;background:var(--color-black);display:flex;align-items:center;justify-content:center;padding:var(--space-6);padding-top:80px}.video-container{max-width:900px;width:100%;background:var(--color-dark-2);border:2px solid var(--color-dark-3);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 20px 60px #00000080}.video-header{text-align:center;margin-bottom:var(--space-6)}.video-header h2{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.video-header p{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.video-player{position:relative;background:var(--color-black);border:2px solid var(--color-dark-3);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-6)}.video-element{width:100%;display:block;aspect-ratio:16 / 9}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.play-btn{background:var(--color-primary);color:var(--color-black);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:700;border:none;cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-base)}.play-btn:hover{transform:scale(1.05);background:var(--color-primary-light);box-shadow:0 8px 20px #fdb91366}.video-actions{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.video-actions .btn{flex:1;min-width:200px}@media(max-width:768px){.video-container{padding:var(--space-6)}.video-header h2{font-size:var(--text-2xl)}.video-actions{flex-direction:column}.video-actions .btn{width:100%}}.video-review{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.review-container{max-width:700px;width:100%;text-align:center}.review-icon{margin-bottom:var(--space-8)}.rocket-icon{width:120px;height:120px;background:#fdb913;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto;box-shadow:0 10px 40px #fdb9134d}.review-container h1{font-size:var(--text-4xl);font-weight:800;color:#fff;margin:0 0 var(--space-3) 0}.review-subtitle{font-size:var(--text-base);color:#999;margin:0 0 var(--space-10) 0}.mood-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.mood-btn{padding:var(--space-8) var(--space-4);background:#1a1a1a;border:2px solid #2a2a2a;border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.mood-btn:hover{border-color:var(--mood-color);background:#fdb9130d}.mood-btn.selected{border-color:var(--mood-color);background:var(--mood-color)}.mood-btn.selected .mood-label{color:#000}.mood-emoji{font-size:2.5rem;display:block}.mood-label{font-size:var(--text-lg);font-weight:700;color:#fff;transition:color var(--transition-fast)}.start-learning-btn{width:100%;max-width:400px;padding:var(--space-5) var(--space-8);background:linear-gradient(135deg,#fdb913,#f5a623);border:none;border-radius:var(--radius-xl);color:#000;font-size:var(--text-xl);font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 20px #fdb9134d;margin-bottom:var(--space-4)}.start-learning-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #fdb91366}.start-learning-btn:disabled{opacity:.5;cursor:not-allowed}.skip-btn{background:transparent;border:none;color:#999;font-size:var(--text-base);cursor:pointer;padding:var(--space-3);transition:color var(--transition-fast)}.skip-btn:hover{color:#fff}@media(max-width:768px){.mood-options{grid-template-columns:1fr}.review-container h1{font-size:var(--text-3xl)}.rocket-icon{width:100px;height:100px;font-size:3rem}}.quiz-content{padding:var(--space-4)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-200)}.quiz-header h2{font-size:var(--text-2xl);margin:0;padding-right:0}.quiz-progress{background:var(--color-primary-100);color:var(--color-primary-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.quiz-question{background:var(--color-gray-50);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border-left:4px solid var(--color-primary-500)}.quiz-question p{font-size:var(--text-lg);font-weight:500;color:var(--color-gray-900);margin:0;line-height:1.6}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.quiz-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#fff;border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:var(--text-base)}.quiz-option:hover:not(:disabled){border-color:var(--color-primary-400);background:var(--color-primary-50)}.quiz-option.selected{border-color:var(--color-primary-600);background:var(--color-primary-50)}.quiz-option.correct{border-color:var(--color-success);background:#ecfdf5}.quiz-option.incorrect{border-color:var(--color-error);background:#fef2f2}.quiz-option:disabled{cursor:not-allowed}.option-letter{flex-shrink:0;width:32px;height:32px;background:var(--color-gray-200);color:var(--color-gray-700);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.quiz-option.selected .option-letter{background:var(--color-primary-600);color:#fff}.quiz-option.correct .option-letter{background:var(--color-success);color:#fff}.quiz-option.incorrect .option-letter{background:var(--color-error);color:#fff}.option-text{flex:1;color:var(--color-gray-800)}.option-icon{font-size:var(--text-xl);flex-shrink:0}.quiz-explanation{background:linear-gradient(135deg,#dbeafe,#e0e7ff);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border-left:4px solid var(--color-info)}.explanation-header{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--color-gray-900)}.quiz-explanation p{margin:0;color:var(--color-gray-700);line-height:1.6}.quiz-actions{display:flex;justify-content:center;margin-bottom:var(--space-4)}.quiz-actions .btn{min-width:200px}.quiz-score{text-align:center;font-size:var(--text-sm);color:var(--color-gray-600);font-weight:600}.quiz-complete{padding:var(--space-8);text-align:center}.quiz-result{max-width:400px;margin:0 auto}.result-icon{font-size:5rem;margin-bottom:var(--space-4);animation:bounce 1s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.quiz-result h2{font-size:var(--text-3xl);margin-bottom:var(--space-6);padding-right:0}.score-display{background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));color:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);margin-bottom:var(--space-6)}.score-number{font-size:4rem;font-weight:800;line-height:1;margin-bottom:var(--space-2)}.score-percentage{font-size:var(--text-2xl);font-weight:600;opacity:.9}.result-message{font-size:var(--text-xl);color:var(--color-gray-700);margin-bottom:var(--space-6)}@media(max-width:768px){.quiz-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.quiz-question p{font-size:var(--text-base)}.score-number{font-size:3rem}}.popup-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop)}.popup-container{position:fixed;inset:0;margin:auto;height:fit-content;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:800px;width:90%;max-height:85vh;overflow-y:auto;z-index:var(--z-modal);padding:var(--space-8)}.popup-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;background:var(--color-gray-100);color:var(--color-gray-700);border:none;font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:10}.popup-close:hover{background:var(--color-gray-200);transform:rotate(90deg)}.popup-content h2{font-size:var(--text-2xl);color:var(--color-gray-900);margin-bottom:var(--space-4);padding-right:var(--space-12)}.popup-description{color:var(--color-gray-600);font-size:var(--text-base);margin-bottom:var(--space-6)}.popup-video .video-wrapper{border-radius:var(--radius-xl);overflow:hidden;background:var(--color-gray-900);aspect-ratio:16 / 9}.popup-video iframe{display:block}.popup-audio .audio-player{width:100%;margin-top:var(--space-4)}.explore-content{font-size:var(--text-base);line-height:1.7;color:var(--color-gray-800)}.explore-content h3{font-size:var(--text-xl);color:var(--color-gray-900);margin-top:var(--space-6);margin-bottom:var(--space-3)}.explore-content ul{margin-left:var(--space-6);margin-bottom:var(--space-4)}.explore-content li{margin-bottom:var(--space-2)}.explore-content table{width:100%;margin:var(--space-4) 0;border-collapse:collapse}.explore-content th,.explore-content td{padding:var(--space-3);border:1px solid var(--color-gray-300);text-align:left}.explore-content th{background:var(--color-primary-100);font-weight:600}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-5);border-left:4px solid var(--color-primary-500)}.faq-question{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-3);display:flex;gap:var(--space-2)}.faq-answer{font-size:var(--text-base);color:var(--color-gray-700);line-height:1.6;display:flex;gap:var(--space-2)}.faq-icon{color:var(--color-primary-600);font-weight:700;flex-shrink:0}.game-placeholder{text-align:center;padding:var(--space-12) var(--space-6);background:linear-gradient(135deg,var(--color-primary-50),var(--color-secondary-50));border-radius:var(--radius-xl)}.game-icon{font-size:5rem;margin-bottom:var(--space-4);animation:pulse 2s ease-in-out infinite}.game-placeholder p{font-size:var(--text-lg);color:var(--color-gray-700);margin-bottom:var(--space-2)}.game-note{font-size:var(--text-sm);color:var(--color-gray-500);font-style:italic}.popup-container::-webkit-scrollbar{width:8px}.popup-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-lg)}.popup-container::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-lg)}@media(max-width:768px){.popup-container{width:95%;max-height:90vh;padding:var(--space-6)}.popup-content h2{font-size:var(--text-xl)}.popup-video .video-wrapper{height:250px}}.physics-entry-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.falling-apple{font-size:5rem}.physics-title{font-family:Outfit,sans-serif;font-size:3rem;margin-top:20px;color:#00f2fe;text-shadow:0 0 10px rgba(0,242,254,.5)}.student-blackboard-container{width:100vw;height:100vh;display:flex;overflow:hidden;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.blackboard-sidebar{width:80px;background:#0f172a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;z-index:20}.sidebar-logo{font-size:2rem;margin-bottom:3rem;filter:drop-shadow(0 0 10px #00f2fe)}.sidebar-tools{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center;height:100%}.sidebar-btn{width:48px;height:48px;border-radius:12px;border:none;background:#ffffff0d;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.sidebar-btn:hover{background:#ffffff1a;transform:scale(1.05)}.sidebar-btn.active{background:#00f2fe;color:#0f172a;box-shadow:0 0 15px #00f2fe66}.book-dropdown{position:absolute;left:70px;top:0;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,242,254,.2);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;width:200px;box-shadow:0 4px 20px #00000080;z-index:100}.dropdown-item{background:transparent;border:none;color:#fffc;padding:10px;text-align:left;cursor:pointer;border-radius:8px;transition:background .2s;font-size:1rem;font-family:Outfit,sans-serif}.dropdown-item:hover{background:#00f2fe1a;color:#fff}.dropdown-item.active{background:#00f2fe33;color:#00f2fe}.blackboard-main{flex:1;position:relative;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;display:flex;align-items:center;justify-content:center}.hook-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:1600px;width:100%;padding:1rem;height:100%}.hook-content-row{display:flex;align-items:center;justify-content:center;gap:3rem;width:100%}.hook-video-section{position:relative;display:flex;flex-direction:column;align-items:center}.hook-image-container{flex:1.4;max-width:800px;display:flex;justify-content:center;position:relative}.hook-image,.hook-video-wrapper{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 50px #0009;border:4px solid rgba(255,255,255,.1);transition:transform .5s ease}.hook-video-wrapper{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;background:#000}.hook-video-wrapper:hover{transform:scale(1.02);border-color:#00f2fe66}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#00f2fee6;color:#0f172a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;padding-left:6px;box-shadow:0 0 30px #00f2fe99;z-index:10;transition:all .3s ease}.hook-video-wrapper:hover .play-icon{transform:translate(-50%,-50%) scale(1.1);background:#fff}.hook-questions-panel{flex:.8;max-width:450px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;font-family:Outfit,sans-serif;display:flex;flex-direction:column;justify-content:center}.hook-questions-panel h3{color:#00f2fe;margin-top:0;margin-bottom:1.5rem;font-size:1.8rem;text-align:center;border-bottom:1px solid rgba(0,242,254,.3);padding-bottom:.8rem;letter-spacing:1px}.hook-question-item{font-size:1.3rem;color:#ffffffe6;margin-bottom:1.5rem;line-height:1.4;display:flex;gap:15px;align-items:flex-start;font-weight:500;padding:1rem;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.hook-question-item:hover{background:#00f2fe0d;border-color:#00f2fe33;transform:translate(3px)}.question-number{color:#00f2fe;font-weight:700;font-size:1.5rem;min-width:25px}.post-video-questions{background:#ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff0d,#ffffff05);color:#fff;padding:2rem;border-radius:24px;margin-top:30px;max-width:800px;margin-left:auto;margin-right:auto;box-shadow:0 15px 50px #00000080;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.post-video-questions:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,242,254,.05),transparent 60%);pointer-events:none;z-index:0}.post-video-questions h3{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:#00f2fe;border-bottom:2px solid rgba(0,242,254,.2);padding-bottom:10px;width:100%;position:relative;z-index:1}.questions-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;margin-bottom:1.5rem;position:relative;z-index:1}.post-video-question-card{background:#ffffff08;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;display:flex;flex-direction:column;gap:10px;height:100%}.post-video-question-card:hover{background:#ffffff14;transform:translateY(-5px);border-color:#00f2fe33}.p-q-num{color:#00f2fe;font-size:1.5rem;font-weight:700}.post-video-question-card p{font-size:1.1rem;line-height:1.6;color:#ffffffe6;margin:0}.post-video-nav{display:flex;align-items:center;gap:20px;margin-top:1rem}.p-nav-btn{background:transparent;border:none;color:#ffffff80;font-size:2rem;cursor:pointer;font-family:monospace;transition:color .3s;padding:0 10px}.p-nav-btn:hover:not(:disabled){color:#00f2fe}.p-nav-btn:disabled{opacity:.2;cursor:default}.p-nav-dots{display:flex;gap:5px;align-items:center}.p-nav-dot{color:#ffffff4d;font-size:3rem;line-height:.5;transition:color .3s}.p-nav-dot.active{color:#00f2fe;text-shadow:0 0 10px #00f2fe}.continue-learning-btn{background:linear-gradient(135deg,#00f2fe,#00a8cc);color:#0f172a;border:none;padding:12px 30px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;margin-top:20px;box-shadow:0 5px 20px #00f2fe4d;transition:all .3s}.continue-learning-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #00f2fe80}.inphynitics-book-container{display:flex;width:100%;height:100%;gap:3rem;position:relative;padding:1rem}.book-image-col{flex:0 0 30%;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-page-image{width:100%;max-height:450px;object-fit:cover;border-radius:20px;border:1px solid rgba(0,242,254,.3);box-shadow:0 10px 30px #00000080;cursor:pointer;transition:all .4s ease}.book-page-image:hover{transform:scale(1.02) translateY(-5px);border-color:#00f2fe;box-shadow:0 15px 40px #00f2fe33}.image-caption{margin-top:15px;font-size:.9rem;color:#fff9;font-style:italic;font-family:Outfit,sans-serif}.book-text-col{flex:1;overflow-y:auto;padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.05)}.book-text-content{font-family:Outfit,sans-serif;color:#f1f5f9;font-size:1.3rem;line-height:1.8}.book-text-content h3{color:#00f2fe;border-bottom:1px solid rgba(0,242,254,.3);padding-bottom:15px;margin-bottom:25px;text-align:left;font-size:2rem;font-weight:600}.book-nav-controls{position:absolute;bottom:0;right:30px;left:30px;display:flex;justify-content:space-between;pointer-events:none}.nav-btn{pointer-events:auto;background:#0f172acc;border:1px solid rgba(0,242,254,.2);color:#fff;padding:12px 30px;border-radius:50px;cursor:pointer;font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;font-family:Outfit,sans-serif;display:flex;align-items:center;gap:10px;font-weight:500}.nav-btn:hover:not(:disabled){background:#00f2fe26;color:#00f2fe;border-color:#00f2fe;box-shadow:0 0 25px #00f2fe80;transform:translateY(-3px) scale(1.05)}.nav-btn:disabled{cursor:not-allowed;opacity:.3;background:#0003;border-color:transparent}.scroll-indicator{text-align:center;font-size:2rem;color:#00f2fe;margin-top:20px;animation:bounce 2s infinite;opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.activity-quiz-container{width:100%;height:100%;padding:2rem;overflow-y:auto;color:#fff;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15px;box-shadow:0 0 30px #00000080;border:1px solid rgba(255,255,255,.1)}.quiz-study-phase h1{text-align:center;color:#4facfe;margin-bottom:2rem;font-family:Outfit,sans-serif}.welcome-image-container{display:flex;justify-content:center;margin-bottom:2rem}.welcome-image{max-width:100%;max-height:250px;border-radius:10px;box-shadow:0 5px 15px #00000080;border:2px solid rgba(255,255,255,.1)}.study-content h3{text-align:center;margin-bottom:2rem;font-weight:400;font-size:1.5rem;line-height:1.6;color:#e2e8f0}.motion-images-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:2rem}.motion-image{width:150px;height:150px;object-fit:contain;background:#0000004d;border-radius:12px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;padding:5px}.motion-image:hover{transform:scale(1.1);border-color:#00f2fe;background:#00000080;box-shadow:0 0 15px #00f2fe4d}.start-quiz-btn,.btn-primary{display:block;margin:2rem auto;padding:12px 30px;background:linear-gradient(45deg,#4facfe,#00f2fe);border:none;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #4facfe66;transition:all .3s ease}.start-quiz-btn:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4facfe99}.question-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.question-card h3{margin-bottom:1rem;color:#e0e0e0}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.option-btn{padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ccc;text-align:left;cursor:pointer;transition:all .2s ease;font-size:1rem}.option-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff80}.option-btn.selected{background:#00f2fe26;border-color:#00f2fe;color:#fff;box-shadow:0 0 10px #00f2fe33}.option-btn.correct{background:#2ecc7133!important;border-color:#2ecc71!important;color:#fff!important}.option-btn.wrong{background:#e74c3c33!important;border-color:#e74c3c!important;color:#fff!important}.option-letter{font-weight:700;color:#4facfe;margin-right:8px}.quiz-results-summary{text-align:center;padding:2rem;background:#ffffff0d;border-radius:15px}.quiz-results-summary h3{font-size:2rem;color:#00f2fe;margin-bottom:2rem}.action-buttons{display:flex;justify-content:center;gap:1rem}.btn-secondary{padding:12px 30px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#fff3}.assignment-container{width:100%;height:100%;padding:2rem;overflow-y:auto;color:#fff;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15px;box-shadow:0 0 30px #00000080;border:1px solid rgba(255,255,255,.1);font-family:Outfit,sans-serif}.assignment-learn-phase h1{text-align:center;color:#ffeb3b;margin-bottom:2rem;font-size:2.2rem}.learn-card-split{background:#ffffff0d;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;gap:2rem;align-items:flex-start}.learn-col-text{flex:3}.learn-col-image{flex:1;display:flex;justify-content:center;align-items:center}.learn-col-text h2{color:#00f2fe;margin-bottom:1.5rem;font-size:1.8rem}.learn-text{font-size:1.2rem;line-height:1.8;color:#e2e8f0;white-space:pre-line;margin-bottom:2rem}.learn-image-side{width:100%;height:auto;object-fit:cover;border-radius:10px;box-shadow:0 5px 20px #00000080;border:1px solid rgba(0,242,254,.3)}.start-assign-btn{width:100%;max-width:300px}.assign-keyword-link{color:#ffeb3b;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;transition:all .2s;padding:0 4px;border-radius:4px}.assign-keyword-link:hover{background:#ffeb3b33;color:#fff;box-shadow:0 0 10px #ffeb3b66}.assignment-questions-phase h2{text-align:center;margin-bottom:2rem;color:#00f2fe}.question-card-assign{background:#ffffff0d;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.question-header{display:flex;gap:10px}.q-num{font-weight:700;color:#ffeb3b;font-size:1.2rem}.ar-text p{margin-bottom:.5rem;font-size:1.1rem}.options-list-assign{display:flex;flex-direction:column;gap:10px;margin-top:1rem}.option-btn-assign{padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ccc;text-align:left;cursor:pointer;transition:all .2s ease;font-size:1rem;display:flex;align-items:flex-start;gap:10px}.option-btn-assign:hover:not(:disabled){background:#ffffff1a;color:#fff}.option-btn-assign.selected{background:#00f2fe26;border-color:#00f2fe;color:#fff}.option-btn-assign.correct{background:#2ecc7133!important;border-color:#2ecc71!important;color:#fff!important}.option-btn-assign.wrong{background:#e74c3c33!important;border-color:#e74c3c!important;color:#fff!important}.opt-char{color:#ffeb3b;font-weight:700;min-width:25px}.instruction-block{background:#00f2fe1a;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #00f2fe}.results-panel{text-align:center;background:#2ecc711a;padding:2rem;border-radius:10px}.video-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center}.video-overlay-content{width:80%;max-width:1000px;background:#1a1a1a;padding:20px;border-radius:12px;position:relative;max-height:90vh;overflow-y:auto;color:#fff}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:10}.video-player-container{width:100%;max-height:70vh;display:flex;justify-content:center;background:#000}.overlay-video{width:100%;height:100%;max-height:70vh;object-fit:contain}.post-video-container{padding:20px}.post-video-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.replay-btn{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.replay-btn:hover{background:#2980b9}.textbook-view{display:flex;height:100vh;background-color:var(--color-dark-1);color:var(--color-text-primary);overflow:hidden}.textbook-sidebar{width:250px;background-color:var(--color-dark-2);border-right:1px solid var(--color-dark-3);display:flex;flex-direction:column;padding:1.5rem;z-index:10}.sidebar-header{margin-bottom:2rem}.back-btn-small{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;margin-bottom:1rem;font-size:.9rem;padding:0}.chapter-info h4{color:var(--color-primary);margin-top:.5rem}.chapter-badge{display:inline-block;background:var(--color-dark-3);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;color:var(--color-text-secondary)}.textbook-main{flex:1;display:flex;flex-direction:column;position:relative;background:var(--color-dark-1);align-items:center}.textbook-page{width:100%;max-width:800px;height:100%;overflow-y:auto;padding:3rem 4rem;background:var(--color-dark-1)}.page-header{margin-bottom:2rem;border-bottom:1px solid var(--color-dark-3);padding-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.page-header h1{font-size:1.8rem;color:var(--color-primary)}.page-content{font-size:1.1rem;line-height:1.8;color:var(--color-text-primary)}.page-content h3{color:var(--color-primary);margin-top:2rem;margin-bottom:1rem}.page-content p{margin-bottom:1.5rem}.page-content blockquote{border-left:4px solid var(--color-primary);padding-left:1.5rem;margin:1.5rem 0;color:var(--color-text-secondary);font-style:italic;background:var(--color-dark-2);padding:1rem;border-radius:4px}.hyperlink-keyword{color:gold!important;font-weight:800!important;cursor:pointer;text-decoration:none;border-bottom:2px dashed rgba(255,215,0,.5);transition:all .2s ease;padding:0 4px;background:#ffd7001a;border-radius:4px;position:relative;z-index:10}.hyperlink-keyword:after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translate(-50%) scale(.8);background:#222;color:#fff;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:400;white-space:pre-wrap;width:max-content;max-width:200px;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:1000;box-shadow:0 4px 15px #00000080;border:1px solid rgba(255,215,0,.3);text-align:center}.hyperlink-keyword:before{content:"";position:absolute;bottom:130%;left:50%;transform:translate(-50%) scale(0);border-width:6px;border-style:solid;border-color:#222 transparent transparent transparent;z-index:1000;opacity:0;transition:all .2s ease}.hyperlink-keyword:hover:after{opacity:1;visibility:visible;transform:translate(-50%) scale(1);bottom:140%}.hyperlink-keyword:hover:before{opacity:1;transform:translate(-50%) scale(1);bottom:128%}.hyperlink-keyword:hover{color:gold!important;background:#ffd70033;transform:scale(1.05);display:inline-block;z-index:20}.inline-quiz-btn{background:linear-gradient(135deg,var(--color-primary),#eab308);color:var(--color-black);border:none;padding:.8rem 1.5rem;border-radius:25px;font-weight:700;cursor:pointer;margin-top:1rem;display:inline-block;transition:transform .2s}.inline-quiz-btn:hover{transform:scale(1.05)}.page-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-dark-3)}.textbook-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:var(--color-dark-2);padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;box-shadow:0 4px 12px #0000004d;pointer-events:none}.page-content h4{color:var(--color-text-primary);font-size:1.2rem;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.page-content ul,.page-content ol{margin-bottom:1.5rem;padding-left:2rem}.page-content li{margin-bottom:.5rem}.page-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;background:var(--color-dark-2);border-radius:8px;overflow:hidden}.page-content th,.page-content td{padding:12px 15px;border:1px solid var(--color-dark-3);text-align:left}.page-content th{background-color:var(--color-primary-dark);background:#fdb9131a;color:var(--color-primary);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.page-content tr:nth-child(2n){background-color:#ffffff05}.page-content tr:hover{background-color:#ffffff0d}.quiz-interface{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;z-index:1000;display:flex;flex-direction:column}.quiz-header{padding:1rem 2rem;background:#1a1a1a;display:flex;align-items:center;border-bottom:1px solid #333;height:70px;flex-shrink:0}.close-btn{background:none;border:none;color:#888;font-size:2rem;cursor:pointer;padding:0;line-height:1;margin-right:1.5rem;transition:color .2s}.close-btn:hover{color:#fff}.quiz-title h2{color:#fff;margin:0;font-size:1.2rem;font-weight:500}.quiz-content-scroll{flex:1;overflow-y:auto;padding:2rem;max-width:900px;margin:0 auto;width:100%}.question-block{background:#151515;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #333;transition:all .3s ease}.question-block.correct-block{border-color:#00b894;background:#00b8940d}.question-block.wrong-block{border-color:#ff7675;background:#ff76750d}.question-header{display:flex;gap:1rem;margin-bottom:1.5rem}.q-number{color:#6c5ce7;font-weight:700;font-size:1.1rem;min-width:40px}.q-text{color:#fff;margin:0;font-size:1.1rem;line-height:1.5;font-weight:500}.options-list{display:flex;flex-direction:column;gap:.8rem;margin-left:3.5rem}.option-label{display:flex;align-items:center;gap:1rem;padding:1rem;background:#222;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.option-label:hover{background:#2a2a2a}.option-label input[type=radio]{width:18px;height:18px;accent-color:#6c5ce7}.option-text{color:#ddd;font-size:1rem}.option-label:has(input:checked){background:#6c5ce71a;border-color:#6c5ce7}.option-label.correct-highlight{background:#00b89433;border-color:#00b894}.option-label.wrong-highlight{background:#ff767533;border-color:#ff7675}.quiz-actions{margin-top:2rem;display:flex;justify-content:flex-end;padding-bottom:2rem}.submit-btn{padding:1rem 3rem;font-size:1.1rem;background:#6c5ce7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s}.submit-btn:hover{transform:translateY(-2px);background:#5f4dd0}.submit-btn:disabled{background:#333;color:#666;cursor:not-allowed;transform:none}.feedback-small{margin-top:1rem;margin-left:3.5rem;padding:1rem;border-radius:8px;background:#000}.success-text{color:#00b894;font-weight:700}.error-text{color:#ff7675;font-weight:700;display:flex;flex-direction:column;gap:.5rem}.explanation-text{font-weight:400;font-size:.9rem;color:#aaa;margin:0}.quiz-results-summary{background:#151515;margin-top:2rem;padding:2rem;border-radius:12px;text-align:center;border:1px solid #333}.quiz-results-summary h3{color:#fff;font-size:2rem;margin-bottom:1.5rem}.action-buttons{display:flex;gap:1rem;justify-content:center}.btn-secondary{background:transparent;border:2px solid #6c5ce7;color:#6c5ce7;padding:.8rem 2rem;border-radius:8px;cursor:pointer;font-weight:600}.btn-secondary:hover{background:#6c5ce71a}.student-dashboard{min-height:100vh;background:var(--color-black);padding:var(--space-8) var(--space-6);padding-top:80px}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.dashboard-header h1{color:var(--color-text-primary);font-size:var(--text-4xl);font-weight:800;margin:0}.dashboard-header p{color:var(--color-text-muted);font-size:var(--text-lg);margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}.dashboard-card{background:var(--color-dark-2);border:2px solid var(--color-dark-3);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 10px 40px #0000004d}.dashboard-card h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.progress-bars{display:flex;flex-direction:column;gap:var(--space-5)}.progress-item{display:flex;flex-direction:column;gap:var(--space-2)}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.progress-value{color:var(--color-primary)}.progress-bar-bg{height:12px;background:var(--color-dark-1);border:1px solid var(--color-dark-3);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease-out}.homework-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-4)}.homework-item{text-align:center;padding:var(--space-6);background:var(--color-dark-1);border-radius:var(--radius-xl);border-top:4px solid var(--hw-color);border-left:1px solid var(--color-dark-3);border-right:1px solid var(--color-dark-3);border-bottom:1px solid var(--color-dark-3)}.homework-level{font-size:var(--text-3xl);font-weight:800;color:var(--hw-color);margin-bottom:var(--space-2)}.homework-count{font-size:var(--text-4xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-1)}.homework-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.activity-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-dark-1);border:1px solid var(--color-dark-3);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.activity-item:hover{background:var(--color-dark-3);border-color:var(--color-primary);transform:translate(5px)}.activity-icon{font-size:2rem;flex-shrink:0}.activity-details{flex:1}.activity-title{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.activity-time{font-size:var(--text-sm);color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stat-item{text-align:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-xl)}.stat-value{font-size:var(--text-4xl);font-weight:800;color:var(--color-black);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--color-black);font-weight:600;opacity:.8}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:var(--text-3xl)}.dashboard-grid,.homework-stats,.stats-grid{grid-template-columns:1fr}}.teacher-login-page{min-height:100vh;background:radial-gradient(circle at center,#1a1a2e,#16213e 40%,#000);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;position:relative;overflow:hidden;color:#fff}.physics-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;background:radial-gradient(circle,#4facfecc,#00f2fe00 70%);border-radius:50%}.atom-structure{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;opacity:.1;pointer-events:none}.nucleus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#00f2fe;border-radius:50%;box-shadow:0 0 50px #00f2fe}.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(0,242,254,.3);border-radius:50%;transform-style:preserve-3d}.orbit-1{width:200px;height:200px;margin:-100px 0 0 -100px;animation-duration:4s}.orbit-2{width:300px;height:300px;margin:-150px 0 0 -150px;animation-duration:6s}.orbit-3{width:400px;height:400px;margin:-200px 0 0 -200px;animation-duration:8s}.electron{position:absolute;top:-6px;left:50%;margin-left:-6px;width:12px;height:12px;background:#4facfe;border-radius:50%;box-shadow:0 0 15px #4facfe}.login-content{position:relative;z-index:10;width:100%;max-width:450px;padding:20px}.glass-card{background:#141e30b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:24px;padding:3rem 2.5rem;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4facfe,#00f2fe)}.card-header{text-align:center;margin-bottom:2.5rem}.logo-container{font-size:3.5rem;margin-bottom:1rem;display:inline-block;filter:drop-shadow(0 0 20px rgba(0,242,254,.4))}.card-header h1{font-size:2rem;font-weight:700;letter-spacing:2px;margin:0;background:linear-gradient(135deg,#fff,#bdc3c7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-header p{color:#00f2fe;text-transform:uppercase;letter-spacing:4px;font-size:.8rem;margin-top:.5rem;font-weight:600}.toggle-container{display:flex;position:relative;background:#0000004d;border-radius:12px;padding:4px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.05)}.toggle-btn{flex:1;background:transparent;border:none;color:#8da4b8;padding:12px;font-family:inherit;font-weight:600;cursor:pointer;z-index:2;transition:all .3s ease}.toggle-btn.active{color:#fff}.slide-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:8px;z-index:1;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55)}.slide-indicator.signup{transform:translate(100%)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;color:#a4b0be;font-size:.9rem;margin-bottom:.5rem;margin-left:4px}.input-group input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease}.input-group input:focus{outline:none;border-color:#00f2fe;box-shadow:0 0 0 4px #00f2fe1a;background:#ffffff1a}.submit-btn{width:100%;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;padding:16px;border-radius:12px;color:#fff;font-weight:700;font-family:inherit;font-size:1.1rem;cursor:pointer;margin-top:1rem;letter-spacing:.5px;position:relative;overflow:hidden}.submit-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.back-link{text-align:center;margin-top:1.5rem}.back-link span{color:#a4b0be;font-size:.9rem;cursor:pointer;transition:color .3s ease;border-bottom:1px dashed transparent}.back-link span:hover{color:#00f2fe;border-bottom-color:#00f2fe}.teacher-blackboard{width:100vw;height:100vh;display:flex;overflow:hidden;font-family:Outfit,sans-serif}.dark-theme{background:#1a1a2e;color:#fff}.light-theme{background:#f1f5f9;color:#0f172a}.blackboard-toolbar{width:80px;background:#1e293bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;z-index:20}.toolbar-logo{font-size:2rem;margin-bottom:3rem;filter:drop-shadow(0 0 10px #00f2fe)}.tools-group{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}.tool-btn{width:48px;height:48px;border-radius:12px;border:none;background:#ffffff0d;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tool-btn:hover{background:#ffffff1a;transform:scale(1.05)}.tool-btn.active{background:#00f2fe;color:#0f172a;box-shadow:0 0 15px #00f2fe66}.theme-toggle{margin-top:auto}.theme-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s}.theme-btn:hover{opacity:1}.canvas-container{flex:1;position:relative;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px}.physics-panel{width:280px;background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(255,255,255,.1);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.physics-panel h3{margin:0;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.sim-card{background:#0003;border-radius:12px;padding:1rem;cursor:pointer;transition:background .2s}.sim-card:hover{background:#ffffff0d}.sim-card span{display:block;margin-bottom:.5rem;font-weight:600}.mini-sim{height:80px;background:#0000004d;border-radius:8px;position:relative;overflow:hidden}.pendulum-sim:after{content:"";position:absolute;top:0;left:50%;width:2px;height:40px;background:#4facfe;transform-origin:top center;animation:swing 2s infinite ease-in-out}.pendulum-sim:before{content:"";position:absolute;top:40px;left:50%;width:10px;height:10px;background:#00f2fe;border-radius:50%;transform:translate(-50%);animation:swing-bob 2s infinite ease-in-out}@keyframes swing{0%,to{transform:rotate(30deg)}50%{transform:rotate(-30deg)}}.teacher-dashboard{display:grid;grid-template-columns:320px 1fr 350px;min-height:100vh;background:var(--color-black);padding-top:60px;gap:var(--space-2)}.teacher-panel{background:var(--color-dark-2);border:1px solid var(--color-dark-3);padding:var(--space-6);overflow-y:auto;height:calc(100vh - 60px)}.left-panel{border-right:2px solid var(--color-dark-3)}.center-panel{background:var(--color-dark-1);border-right:2px solid var(--color-dark-3)}.right-panel{background:var(--color-dark-2)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-dark-3)}.panel-header h2{font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.live-badge{background:var(--color-error);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;animation:pulse 2s ease-in-out infinite}.controls-section{margin-bottom:var(--space-8)}.controls-section h3{font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-3);font-weight:600}.control-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.control-btn{padding:var(--space-3) var(--space-4);background:var(--color-dark-1);border:2px solid var(--color-dark-3);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:var(--text-sm);color:var(--color-text-secondary)}.control-btn:hover{background:var(--color-dark-3);border-color:var(--color-primary)}.control-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-black);border-color:var(--color-primary)}.difficulty-slider{padding:var(--space-4);background:var(--color-dark-1);border-radius:var(--radius-lg)}.slider{width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-dark-3);outline:none;margin-bottom:var(--space-3);cursor:pointer}.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-md);border:none}.difficulty-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.difficulty-labels span.active{color:var(--color-primary);font-weight:700}.broadcast-input{width:100%;padding:var(--space-3);border:2px solid var(--color-dark-3);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);resize:vertical;margin-bottom:var(--space-3);outline:none;transition:border-color var(--transition-fast);background:var(--color-dark-1);color:var(--color-text-primary)}.broadcast-input:focus{border-color:var(--color-primary)}.controls-section .btn{width:100%}.student-view-mirror{background:var(--color-dark-2);border:2px solid var(--color-dark-3);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.textbook-preview{font-family:var(--font-textbook);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.textbook-preview h3{font-family:var(--font-primary);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}.textbook-preview p{margin-bottom:var(--space-4)}.hyperlink-keyword-demo{color:var(--color-primary);font-weight:600;background:#fdb91326;padding:2px 4px;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary)}.view-note{background:var(--color-primary);color:var(--color-black);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-align:center;font-size:var(--text-sm)}.view-note p{margin:0}.insights-section{margin-bottom:var(--space-6)}.insights-section h3{font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-3);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-card{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-black);padding:var(--space-6);border-radius:var(--radius-xl);text-align:center}.metric-value{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-2)}.metric-label{font-size:var(--text-sm);opacity:.8}.attention-meter{background:var(--color-dark-1);padding:var(--space-4);border-radius:var(--radius-lg)}.meter-bar{height:20px;background:var(--color-dark-3);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.meter-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.meter-value{text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.poll-results{display:flex;flex-direction:column;gap:var(--space-3)}.poll-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.poll-bar{height:8px;background:var(--color-dark-3);border-radius:var(--radius-full);overflow:hidden}.poll-fill{height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-full);transition:width .5s ease-out}.wrong-answers{display:flex;flex-direction:column;gap:var(--space-3)}.wrong-answer-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:#ef44441a;border-left:3px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm)}.answer-text{color:var(--color-text-secondary);font-weight:500}.answer-count{color:var(--color-error);font-weight:700;font-size:var(--text-xs)}.modal-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.modal-content{background:var(--color-dark-2);border:2px solid var(--color-dark-3);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:500px;width:100%;box-shadow:var(--shadow-2xl)}.modal-content h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.question-input{width:100%;padding:var(--space-3);border:2px solid var(--color-dark-3);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);resize:vertical;margin-bottom:var(--space-4);outline:none;background:var(--color-dark-1);color:var(--color-text-primary)}.question-input:focus{border-color:var(--color-primary)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media(max-width:1400px){.teacher-dashboard{grid-template-columns:280px 1fr 320px}}@media(max-width:1024px){.teacher-dashboard{grid-template-columns:1fr;grid-template-rows:auto auto auto}.teacher-panel{height:auto;max-height:none;border-right:none;border-bottom:2px solid var(--color-gray-200)}.left-panel,.right-panel{border-bottom:2px solid var(--color-gray-200)}}@media(max-width:768px){.teacher-dashboard{padding-top:60px}.teacher-panel{padding:var(--space-4)}.control-buttons{gap:var(--space-2)}.metric-value{font-size:var(--text-3xl)}}.teacher-stats{min-height:100vh;background:var(--color-black);padding:var(--space-8);padding-top:80px}.stats-container{max-width:1600px;margin:0 auto}.stats-header{margin-bottom:var(--space-10)}.stats-header h1{font-size:var(--text-4xl);font-weight:800;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.stats-header p{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.quick-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}.stat-card{background:var(--color-dark-2);border:2px solid var(--color-dark-3);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 10px 30px #fdb91333}.stat-icon{font-size:2.5rem;width:60px;height:60px;background:var(--color-dark-1);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}.chart-card{background:var(--color-dark-2);border:2px solid var(--color-dark-3);border-radius:var(--radius-2xl);padding:var(--space-6)}.chart-card h3{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-6) 0}.bar-chart{display:flex;flex-direction:column;gap:var(--space-4)}.bar-item{display:flex;flex-direction:column;gap:var(--space-2)}.bar-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.bar-container{width:100%;height:40px;background:var(--color-dark-1);border-radius:var(--radius-lg);overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-3);transition:width var(--transition-slow)}.bar-value{font-size:var(--text-sm);font-weight:700;color:#fff}.line-chart{height:250px;display:flex;align-items:flex-end}.chart-bars{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-8)}.chart-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%}.chart-bar{width:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;transition:all var(--transition-normal);min-height:20px}.chart-bar:hover{background:linear-gradient(180deg,var(--color-primary-light),var(--color-primary));transform:scaleY(1.05)}.bar-tooltip{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:var(--text-xs);font-weight:700;color:var(--color-primary);background:var(--color-dark-1);padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.chart-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;margin-top:auto}.pie-chart{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.pie-svg{width:200px;height:200px;transform:rotate(-90deg)}.pie-legend{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.legend-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm)}.top-performers-list{display:flex;flex-direction:column;gap:var(--space-3)}.performer-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-dark-1);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.performer-item:hover{background:var(--color-dark-3);transform:translate(5px)}.performer-rank{width:32px;height:32px;background:var(--color-primary);color:var(--color-black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-sm)}.performer-info{flex:1}.performer-name{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.performer-subject{font-size:var(--text-xs);color:var(--color-text-muted)}.performer-score{font-size:var(--text-xl);font-weight:800;color:var(--color-primary)}.activity-section{background:var(--color-dark-2);border:2px solid var(--color-dark-3);border-radius:var(--radius-2xl);padding:var(--space-6)}.activity-section h3{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-6) 0}.activity-list{display:flex;flex-direction:column;gap:var(--space-4)}.activity-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-dark-1);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary)}.activity-icon{font-size:1.5rem}.activity-content{flex:1}.activity-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:4px}.activity-text strong{color:var(--color-text-primary);font-weight:600}.activity-time{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:1200px){.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.teacher-stats{padding:var(--space-4);padding-top:70px}.quick-stats-grid{grid-template-columns:1fr}.stat-icon{width:50px;height:50px;font-size:2rem}.stat-value{font-size:var(--text-2xl)}.charts-grid{gap:var(--space-4)}.line-chart{height:200px}.pie-svg{width:150px;height:150px}}.physics-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#006064)}.floating-item{position:absolute;font-size:2rem;opacity:.15;animation:floatAnimation 20s infinite ease-in-out;filter:blur(1px);color:#ffffff80;-webkit-user-select:none;user-select:none}.item-1{top:10%;left:10%;animation-duration:25s;font-size:3rem}.item-2{top:20%;right:15%;animation-duration:30s;animation-delay:2s}.item-3{bottom:15%;left:20%;animation-duration:28s;font-size:2.5rem}.item-4{bottom:30%;right:10%;animation-duration:22s;animation-delay:1s}.item-5{top:40%;left:50%;animation-duration:35s;animation-delay:5s}.item-6{top:15%;right:30%;animation-duration:26s;animation-delay:3s}.item-7{bottom:10%;left:5%;animation-duration:32s}.item-8{top:60%;right:5%;animation-duration:29s}@keyframes floatAnimation{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(10deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;z-index:-2}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,242,254,.4) 0%,transparent 70%);top:-200px;left:-200px;animation:pulseOrb 10s infinite alternate}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,96,100,.4) 0%,transparent 70%);bottom:-150px;right:-150px;animation:pulseOrb 12s infinite alternate-reverse}@keyframes pulseOrb{0%{transform:scale(1);opacity:.3}to{transform:scale(1.2);opacity:.5}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #FDB913;--color-primary-light: #FDD663;--color-primary-dark: #D99B0F;--color-black: #000000;--color-dark-1: #0a0a0a;--color-dark-2: #1a1a1a;--color-dark-3: #2a2a2a;--color-dark-4: #3a3a3a;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-muted: #999999;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-textbook: "Merriweather", Georgia, serif;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-lg: 1rem;--text-xl: 1.15rem;--text-2xl: 1.4rem;--text-3xl: 1.75rem;--text-4xl: 2.1rem;--text-5xl: 2.8rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(253, 185, 19, .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-black);overflow-x:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='8' stroke='%23FDB913' stroke-width='2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='3' fill='%23FDB913'/%3E%3C/svg%3E") 16 16,auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='8' stroke='%23FDB913' stroke-width='2' fill='rgba(253, 185, 19, 0.2)'/%3E%3Ccircle cx='16' cy='16' r='3' fill='%23FDB913'/%3E%3C/svg%3E") 16 16,pointer}a:hover{color:var(--color-primary-700)}button{font-family:inherit;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='8' stroke='%23FDB913' stroke-width='2' fill='rgba(253, 185, 19, 0.2)'/%3E%3Ccircle cx='16' cy='16' r='3' fill='%23FDB913'/%3E%3C/svg%3E") 16 16,pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}img,video{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.container-fluid{width:100%;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-secondary-600)}.text-accent{color:var(--color-accent-600)}.text-muted{color:var(--color-gray-500)}.bg-primary{background-color:var(--color-primary-600)}.bg-secondary{background-color:var(--color-secondary-600)}.bg-white{background-color:#fff}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary-600),var(--color-secondary-700));color:#fff;box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-700),var(--color-secondary-800));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-600));color:#fff;box-shadow:var(--shadow-md)}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-600),var(--color-accent-700));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-50);transform:translateY(-1px)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-700)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.hyperlink-keyword{position:relative;color:var(--color-primary-600);font-weight:600;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:linear-gradient(to right,var(--color-primary-100),var(--color-secondary-100));border-bottom:2px solid var(--color-primary-400)}.hyperlink-keyword:hover{background:linear-gradient(to right,var(--color-primary-200),var(--color-secondary-200));border-bottom-color:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hyperlink-keyword:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--color-primary-500),var(--color-secondary-500));transform:scaleX(0);transition:transform var(--transition-fast)}.hyperlink-keyword:hover:after{transform:scaleX(1)}@media(max-width:1024px){:root{--text-4xl: 2rem;--text-3xl: 1.75rem;--text-2xl: 1.5rem}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--text-4xl: 1.75rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem}.container{padding:0 var(--space-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){body.dark-mode{background-color:var(--color-dark-bg);color:var(--color-dark-text)}body.dark-mode .card{background:var(--color-dark-surface);color:var(--color-dark-text)}body.dark-mode .card-glass{background:#1e293bb3;border-color:var(--color-dark-border)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}::-moz-selection{background:var(--color-primary-200);color:var(--color-primary-900)}