:root{--primary-accent: #B123D9;--secondary-accent: #5C148C;--background-1: #3B0C59;--background-2: #1A1040;--base-dark: #0D0D0D;--highlight-text: #FFFFFF}body{background-color:var(--base-dark);color:#ffffffde;font-family:Inter,sans-serif;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif}a{color:var(--primary-accent);text-decoration:none}a:hover{color:var(--secondary-accent)}.App{text-align:center;overflow-x:hidden;overflow-y:visible}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--background-2)}.logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--highlight-text)}.auth-button{background:linear-gradient(135deg,var(--primary-accent) 0%,var(--secondary-accent) 100%);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #b123d94d;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-button:hover:before{left:100%}.auth-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #b123d980}.hero-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:4rem 2rem;background:radial-gradient(ellipse at center,#b12dd51a,#0d0d0dcc 70%);overflow:visible}.hero-content{text-align:center;z-index:1}.main-title{font-size:4rem;font-weight:700;color:var(--highlight-text);text-shadow:0 0 10px var(--primary-accent),0 0 20px var(--primary-accent)}.subtitle{font-size:1.2rem;color:#fffc;margin-top:1rem;font-family:Inter,sans-serif}.scroll-section{padding:4rem 2rem;border-top:1px solid var(--background-1)}.feature-item{text-align:center;max-width:400px;margin:0 auto}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem;transition:all .3s ease;transform-style:preserve-3d;perspective:1000px}.feature-icon:hover{transform:rotateY(15deg) rotateX(10deg) scale(1.2);text-shadow:0 0 20px var(--primary-accent)}.footer{padding:2rem;background-color:var(--background-2);color:#fff9}@media(max-width:768px){.hero-section{padding:2rem 1rem;min-height:50vh}.main-title{font-size:2.5rem}.subtitle{font-size:1rem}.scroll-section{padding:2rem 1rem}.top-bar{padding:1rem}.login-button{padding:.4rem .8rem;font-size:.9rem}.feature-icon{font-size:2.5rem}}.galaxy-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;background-color:var(--background-2);padding:2rem 3rem;border-radius:10px;text-align:center;color:#fff;border:1px solid var(--primary-accent);box-shadow:0 0 20px var(--primary-accent)}.modal-actions{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.modal-content button{background-color:var(--primary-accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease}.modal-content button:hover{background-color:var(--secondary-accent)}.close-button{position:absolute;top:15px;right:15px;background:transparent!important;border:none!important;font-size:1.5rem;cursor:pointer;padding:.5rem!important}.error-message{color:#ff6b6b;margin-top:1rem;min-height:1.2em}.dashboard{min-height:100vh;background:var(--base-dark);color:#fff;font-family:Orbitron,sans-serif}.dashboard-content{display:flex;min-height:100vh}.top-bar{display:flex;justify-content:space-between;align-items:center;background:var(--background-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(177,35,217,.3);box-shadow:0 2px 10px #00000080;position:fixed;top:0;left:0;right:0;z-index:1000}.logo .logo-text{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(177,35,217,.3),0 0 10px rgba(177,35,217,.5),0 0 15px rgba(177,35,217,.7),0 0 20px rgba(177,35,217,.9)}.profile-section{display:flex;align-items:center;gap:1rem}.avatar{font-size:2rem;background:#b123d933;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #B123D9}.username{color:#b123d9;font-weight:500}.settings-btn{background:none;border:none;color:#b123d9;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.settings-btn:hover{color:#5c148c;transform:rotate(45deg)}.logout-btn{background:linear-gradient(135deg,#ff4757,#ff3838);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:25px;font-weight:700;cursor:pointer;margin-left:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #ff475766;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden;font-family:Inter,sans-serif}.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.logout-btn:hover:before{left:100%}.logout-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #ff475799;background:linear-gradient(135deg,#ff3838,#ff1e2e)}.sidebar{width:280px;background:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1rem;border:1px solid rgba(177,35,217,.3)}.sidebar-title{font-family:Orbitron,sans-serif;color:#b123d9;margin-bottom:2rem;text-align:center;font-size:1.2rem}.subject-cards{font-family:Orbitron,sans-serif;display:flex;flex-direction:column;gap:1rem}.subject-card{display:flex;align-items:center;padding:1rem;background:linear-gradient(135deg,#3a0c59b3,#1a0f3fb3);border:2px solid rgba(177,35,217,.5);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b123d933;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.subject-card:hover{background:linear-gradient(135deg,#5c138ce6,#3a0c59e6);border-color:#b123d9;transform:translateY(-3px);box-shadow:0 8px 25px #b123d966}.subject-icon{font-family:Orbitron,sans-serif;font-size:1.5rem;margin-right:.75rem}.subject-name{color:#fff;font-family:Orbitron,sans-serif;font-weight:500}.subject-item{margin-bottom:1.5rem}.subject-button{width:100%;background:#b123d91a;border:1px solid rgba(177,35,217,.3);color:#fff;padding:.8rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;margin-bottom:.5rem}.subject-button:hover{background:#b123d933;border-color:#b123d9;box-shadow:0 0 15px #b123d94d}.subject-button:active,.subject-button:focus{background:#5c138c4d;border-color:#5c148c}.subject-icon{font-size:1.2rem;margin-right:.5rem}.subject-button span:last-child{color:#b123d9;font-weight:500}.grade-item{width:100%;background:#3a0c59cc;border:1px solid rgba(177,35,217,.2);color:#fff;padding:.6rem 1rem;margin-bottom:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.grade-item:hover{background:#5c138ccc;border-color:#b123d9;transform:translate(5px)}.progress-bar{flex:1;height:10px;background:#fff3;border:1px solid rgba(177,35,217,.3);border-radius:5px;margin:0 .5rem;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.progress-bar.large{height:12px;margin:0 1rem;border:2px solid rgba(177,35,217,.4);box-shadow:inset 0 2px 4px #0006,0 0 10px #b123d933}.progress-fill{height:100%;background:linear-gradient(90deg,#b123d9,#5c148c,#b123d9);border-radius:4px;transition:width 1s ease-out;animation:shimmer 2s ease-in-out infinite;box-shadow:0 0 8px #b123d999}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-text{font-size:.8rem;color:#b123d9;min-width:35px;text-align:right}.main-content{flex:1;padding:5rem 2rem 2rem;overflow-y:auto}.welcome-section{text-align:center;margin-bottom:2rem}.welcome-section h1{color:#fff;font-size:2rem;margin-bottom:.5rem;font-family:Orbitron,sans-serif}.welcome-section p{color:#fffc;font-size:1.1rem}.stats-overview{display:flex;gap:2rem;margin-bottom:2rem}.stat-item{flex:1;text-align:center;background:#b123d91a;padding:1rem;border-radius:8px;border:1px solid rgba(177,35,217,.3);transition:all .3s ease}.stat-item:hover{background:#b123d933;transform:translateY(-2px);box-shadow:0 4px 15px #b123d933}.stat-number{display:block;font-size:2rem;color:#b123d9;font-weight:700;margin-bottom:.25rem}.stat-label{color:#fffc;font-size:.9rem}.recommended-card{background:linear-gradient(135deg,#3a0c59f2,#1a0f3ff2);border:2px solid #B123D9;border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #b123d966;position:relative;overflow:hidden}.recommended-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#b123d9,#5c148c,#b123d9);border-radius:12px;z-index:-1;opacity:.5}.card-header{display:flex;align-items:center;margin-bottom:1rem}.card-header .card-icon{font-size:2rem;margin-right:1rem}.card-header h2{font-family:Orbitron,sans-serif;color:#b123d9;font-size:1.5rem;margin:0}.card-content h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.card-content p{color:#fffc;margin-bottom:1.5rem;line-height:1.6}.start-btn{background:linear-gradient(135deg,#b123d9,#5c148c);border:none;color:#fff;padding:.8rem 2rem;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b123d966,0 0 20px #b123d94d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.start-btn:hover:before{left:100%}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b123d999,0 0 30px #b123d980,inset 0 1px #ffffff4d}.start-btn:active{transform:translateY(0);box-shadow:0 2px 10px #b123d966,inset 0 1px #ffffff1a}.concept-grid{margin-bottom:2rem}.concept-grid h2{font-family:Orbitron,sans-serif;color:#b123d9;margin-bottom:1.5rem;font-size:1.8rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.concept-card{background:#1a0f3fe6;border:1px solid rgba(177,35,217,.3);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.concept-card:hover{border-color:#b123d9;transform:translateY(-5px);box-shadow:0 10px 30px #b123d94d}.concept-icon{font-size:3rem;margin-bottom:1rem}.concept-card h4{color:#fff;margin:0;font-size:1.1rem}.concept-tooltip{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#0d0d0df2;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap}.concept-card:hover .concept-tooltip{opacity:1}.subject-progress{background:#000000e6;border:1px solid rgba(177,35,217,.3);border-radius:8px;padding:2rem;box-shadow:0 0 30px #b123d933;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;transition:all .3s ease}.subject-progress h2{font-family:Orbitron,sans-serif;color:#fff;margin-bottom:1.5rem;font-size:1.8rem}.progress-item{margin-bottom:2rem;padding:1.5rem;background:#1a0f3f99;border-radius:8px;border:1px solid rgba(177,35,217,.2);opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;transition:all .3s ease}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.grade-name{color:#fffc;font-weight:700;font-size:1.1rem}.progress-percent{color:#b123d9;font-weight:700;font-size:1.2rem}.topics-list{margin-top:1rem}.topics-list h4{color:#fff;margin-bottom:.5rem;font-size:.9rem}.topics-list ul{list-style:none;padding:0;margin:0}.topics-list li{color:#fffc;font-size:.85rem;margin-bottom:.5rem;padding-left:.5rem;position:relative;display:flex;align-items:center;justify-content:space-between}.topics-list li:before{content:"•";color:#b123d9;position:absolute;left:0}.topic-name{flex:1;margin-right:1rem}.topic-progress-bar{flex:0 0 120px;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-right:.5rem}.topic-progress-fill{height:100%;background:linear-gradient(90deg,#b123d9,#5c148c);border-radius:4px;transition:width .5s ease}.topic-progress-text{flex:0 0 30px;text-align:right;font-size:.75rem;color:#b123d9;font-weight:700}.quiz-page{padding:5rem 2rem 2rem;min-height:calc(100vh - 60px)}.back-section{margin-bottom:1rem}.back-btn{background:#b123d933;border:1px solid #B123D9;color:#b123d9;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s ease}.back-btn:hover{background:#b123d94d;transform:translate(-2px)}.quiz-header{text-align:center;margin-bottom:2rem}.quiz-header h1{font-family:Orbitron,sans-serif;color:#b123d9;margin-bottom:.5rem}.quiz-header h2{color:#fff;margin-bottom:0;font-size:1.2rem;font-weight:400}.question-counter{color:#b123d9;font-family:Orbitron,sans-serif;font-size:1.1rem;margin-top:.5rem}.quiz-content{max-width:600px;margin:0 auto}.question-card{background:#1a0f3fe6;border:2px solid #B123D9;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #b123d94d;text-align:center;margin-bottom:2rem}.question-card h3{color:#fff;margin-bottom:2rem;font-family:Orbitron,sans-serif;line-height:1.6}.options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.option{background:#b123d91a;border:2px solid rgba(177,35,217,.3);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;color:#fff;font-size:1.1rem;text-align:left}.option:hover{background:#b123d933;border-color:#b123d9}.option.selected{background:#5c138c80;border-color:#b123d9;box-shadow:0 0 15px #b123d94d}.next-btn{background:linear-gradient(135deg,#b123d9,#5c148c);border:none;color:#fff;padding:1rem 2rem;border-radius:25px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b123d966}.next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #b123d999}.next-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-summary{background:#1a0f3fe6;border:2px solid #B123D9;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #b123d94d;text-align:center;margin-bottom:2rem}.quiz-summary h2{color:#b123d9;font-family:Orbitron,sans-serif;margin-bottom:1rem;font-size:2rem}.quiz-summary p{color:#fff;margin-bottom:2rem;font-size:1.1rem}.summary-details{text-align:left;margin-bottom:2rem;max-height:300px;overflow-y:auto}.question-summary{background:#b123d91a;border:1px solid rgba(177,35,217,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.question-summary h4{color:#b123d9;margin-bottom:.5rem}.question-summary p{color:#fff;margin:.25rem 0;line-height:1.4}.quiz-actions{display:flex;gap:1rem;justify-content:center}.quiz-actions button{background:linear-gradient(135deg,#b123d9,#5c148c);border:none;color:#fff;padding:.8rem 1.5rem;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b123d966}.quiz-actions button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b123d999}.loading{color:#b123d9;text-align:center;font-size:1.2rem;font-family:Orbitron,sans-serif;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error{color:#ff6b6b;text-align:center;font-size:1.1rem;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;padding:1rem;margin:1rem 0}.no-data{color:#fff9;text-align:center;font-size:1.1rem;padding:2rem}.quiz-card{background:#1a0f3fe6;border:2px solid #B123D9;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #b123d94d;text-align:center}.quiz-card h3{color:#b123d9;margin-bottom:1rem;font-family:Orbitron,sans-serif}.quiz-card p{color:#fffc;margin-bottom:2rem;line-height:1.6}.quiz-info{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;text-align:left}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#b123d91a;border-radius:6px}.info-label{color:#b123d9;font-weight:700}.info-value{color:#fff}.start-quiz-btn{background:linear-gradient(135deg,#b123d9,#5c148c);border:none;color:#fff;padding:1rem 2rem;border-radius:25px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b123d966}.start-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b123d999}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.topic-card{background:linear-gradient(135deg,#3a0c59cc,#1a0f3fcc);border:1px solid rgba(177,35,217,.3);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.topic-card:hover{border-color:#b123d9;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #b123d966}.topic-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(177,35,217,.1),transparent);transition:left .5s ease}.topic-card:hover:before{left:100%}.topic-card-content{position:relative;z-index:1}.topic-card h5{color:#fffc;margin:0 0 .5rem;font-size:1rem;font-weight:600}.topic-card-progress{display:flex;align-items:center;gap:.5rem}.topic-card-progress-bar{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.topic-card-progress-fill{height:100%;background:linear-gradient(90deg,#b123d9,#5c148c);border-radius:3px;transition:width .5s ease}.topic-card-progress-text{color:#b123d9;font-size:.8rem;font-weight:700;min-width:35px;text-align:right}.more-topics{color:#fff9;font-size:.9rem;text-align:center;margin-top:1rem;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#3a0c59f2,#1a0f3ff2);border:2px solid #B123D9;border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #b123d966}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{color:#b123d9;font-family:Orbitron,sans-serif;margin:0}.close-btn{background:none;border:none;color:#b123d9;font-size:2rem;cursor:pointer;transition:all .3s ease}.close-btn:hover{color:#ff4757;transform:scale(1.1)}.modal-body{margin-bottom:2rem}.setting-item{margin-bottom:1.5rem}.setting-item label{display:block;color:#fff;margin-bottom:.5rem;font-weight:500}.setting-item input,.setting-item select{width:100%;padding:.8rem;border:1px solid rgba(177,35,217,.3);border-radius:8px;background:#1a0f3fcc;color:#fff;font-size:1rem}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:#b123d9;box-shadow:0 0 10px #b123d94d}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.cancel-btn,.save-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.cancel-btn{background:#b123d91a;color:#b123d9;border:1px solid rgba(177,35,217,.3)}.cancel-btn:hover{background:#b123d933}.save-btn{background:linear-gradient(135deg,#b123d9,#5c148c);color:#fff;box-shadow:0 4px 15px #b123d966}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b123d999}@media(max-width:768px){.dashboard-content{flex-direction:column}.sidebar{width:100%;order:2}.main-content{order:1;padding:5rem 1rem 1rem}.top-bar{position:relative;padding:.8rem 1rem}.grid-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stats-overview{flex-direction:column;gap:1rem}.stat-item{padding:.8rem}.welcome-section h1{font-size:1.5rem}.modal-content{padding:1.5rem}.modal-footer{flex-direction:column}.logout-btn{padding:.5rem 1rem;font-size:.8rem}.cancel-btn,.save-btn{width:100%}}@media(max-width:480px){.concept-card{padding:1rem}.concept-icon{font-size:2.5rem}.recommended-card{padding:1.5rem}}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.target-cursor-corner{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;will-change:transform}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}.tumbleweed-container{position:absolute;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.tumbleweed{position:absolute;font-size:2rem;z-index:0;opacity:.7;pointer-events:none}.tumbleweed img{width:3rem;height:auto;filter:brightness(0) invert(1)}.quiz-container{min-height:100vh;max-width:1500px;margin:0 auto;padding:40px;font-family:Orbitron,sans-serif;color:#fff;position:relative}.quiz-container h2{text-align:center;color:#b123d9;margin-bottom:20px;position:relative;z-index:1}.back-button{position:fixed;top:80px;left:20px;background:#5c138ccc;border:1px solid #5C148C;border-radius:8px;padding:12px;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 15px #b123d966;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.back-button:hover{background:#5c138ccc;border-color:#b123d9}.quiz-header{display:flex;justify-content:space-between;margin-bottom:20px;font-size:18px;position:relative;z-index:1}.question-card{background:linear-gradient(135deg,#3a0c59e6,#1a1040cc);border:1px solid #5C148C;border-radius:10px;padding:20px;margin-bottom:20px;position:relative;z-index:1}.question-card h3.question-text{color:#b123d9;margin-bottom:15px;font-size:24px;position:relative;z-index:1;opacity:0;animation:fadeInQuestion .5s ease-in-out forwards}@keyframes fadeInQuestion{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.options{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:30px;height:600px;transition:opacity .3s ease-in-out}.options.fade-out{opacity:0}.option-button{background:linear-gradient(135deg,#5c138c99,#b123d94d);border:1px solid #5C148C;border-radius:8px;padding:15px;color:#fff;font-family:Inter,sans-serif;font-size:18px;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .5s ease-in-out forwards;position:relative;z-index:1}.option-letter{font-family:Orbitron,sans-serif;font-weight:700;font-size:24px;color:#b123d9;margin-right:8px}.option-content{font-family:Orbitron,sans-serif;font-size:20px;font-weight:500;color:#fff}.option-button:nth-child(1){animation-delay:.1s}.option-button:nth-child(2){animation-delay:.2s}.option-button:nth-child(3){animation-delay:.3s}.option-button:nth-child(4){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.option-button:hover{background:linear-gradient(135deg,#5c138ce6,#b123d9b3);border-color:#b123d9;transform:translateY(-2px);box-shadow:0 6px 20px #b123d966}.option-button.selected{background:#b123d9;border-color:#b123d9}.next-button{background:#b123d9;border:none;border-radius:8px;padding:15px 30px;color:#fff;font-family:Inter,sans-serif;font-size:18px;cursor:pointer;transition:all .3s ease;margin-top:20px;position:relative;z-index:1}.next-button:hover{background:#5c148c}.next-button:disabled{background:#666;cursor:not-allowed}.feedback{opacity:0;transform:translateY(20px);transition:all .3s ease-in-out;margin-top:20px}.feedback.show{opacity:1;transform:translateY(0)}.correct-answer-section{margin-top:15px;opacity:0;transform:translateY(10px);animation:fadeInCorrect .5s ease-in-out .3s forwards}.correct-option{background:linear-gradient(135deg,#b123d9cc,#5c138ce6);border:1px solid #B123D9;border-radius:8px;padding:15px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;animation:fadeInCorrectOption .5s ease-in-out .5s forwards;opacity:0;transform:translateY(15px)}.correct-option .option-letter{font-family:Orbitron,sans-serif;font-weight:700;font-size:24px;color:#b123d9;margin-right:8px}.correct-option .option-content{font-family:Orbitron,sans-serif;font-size:20px;font-weight:500;color:#fff}.explanation{color:#fff;font-family:Inter,sans-serif;font-size:16px;animation:fadeInExplanation .5s ease-in-out .7s forwards;opacity:0;transform:translateY(10px)}@keyframes fadeInCorrect{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCorrectOption{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInExplanation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-loading,.quiz-error{text-align:center;font-size:24px;margin-top:50px;position:relative;z-index:1}.quiz-error{color:#ff6b6b}.cowboy-container{position:absolute;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.cowboy{position:absolute;font-size:2rem;z-index:0;opacity:.7;pointer-events:none}.cowboy img{width:5rem;height:auto}