@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);:root{--primary-blue:#06f;--secondary-blue:#4d94ff;--accent-cyan:#00e5ff;--dark-blue:#1a237e;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(45deg,#06f,#00e5ff,#7c4dff);--gradient-3:linear-gradient(135deg,#1e3c72,#2a5298 50%,#3f51b5);--glass-bg:#ffffff14;--glass-border:#ffffff26}.navbar{align-items:center;background:#1e3c72;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#3f51b5);background:var(--gradient-3);border-bottom:2px solid #ffffff26;border-bottom:2px solid var(--glass-border);box-shadow:0 4px 20px #06f3;display:flex;font-family:Poppins,sans-serif;height:70px;justify-content:space-between;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:10000}body.has-navbar .App{background:#0000!important}.navbar-logo-link{align-items:center;display:flex;position:relative;text-decoration:none;z-index:10002}.navbar-logo{border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #06f3;height:45px;object-fit:cover;transition:all .3s ease;width:45px}.navbar-logo:hover{border-color:#00e5ff;border-color:var(--accent-cyan);box-shadow:0 6px 20px #00e5ff66;transform:scale(1.1)}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;padding:0;position:relative;width:30px;z-index:10002}.hamburger-line{background:#fff;border-radius:3px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-line.open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-menu{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin-left:1rem}.navbar-left,.navbar-right{align-items:center;display:flex;gap:1rem}.navbar-link{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.3px;padding:.5rem 1rem;text-decoration:none;text-transform:capitalize;transition:all .3s ease;white-space:nowrap}.navbar-link:hover{background:#ffffff26;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.navbar-dropdown{display:inline-block;position:relative}.navbar-dropdown-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 30px #00000026;left:0;min-width:180px;opacity:0;padding:.5rem 0;position:absolute;top:calc(100% + 10px);transform:translateY(-5px);transition:all .2s ease;visibility:hidden;z-index:10001}.navbar-dropdown:hover .navbar-dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.navbar-dropdown-content a{color:#333;display:block;font-size:.85rem;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;text-transform:capitalize;transition:all .2s ease}.navbar-dropdown-content a:hover{background:#3b82f61a;color:#06f;color:var(--primary-blue);padding-left:1.5rem}.navbar-dropdown-content:before{background:#fffffffa;border-left:1px solid #0000000d;border-top:1px solid #0000000d;content:"";height:12px;left:20px;position:absolute;top:-6px;transform:rotate(45deg);width:12px}.navbar-link.admin-link{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;display:flex;font-weight:600;gap:.3rem;padding:.5rem 1.2rem}.navbar-link.admin-link:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #2563eb4d}.navbar-score{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 4px 10px #10b98133;display:flex;padding:.4rem .8rem;transition:all .3s ease}.navbar-score:hover{box-shadow:0 6px 15px #10b9814d;transform:translateY(-2px)}.score-icon{font-size:1rem;margin-right:.4rem}.score-text{color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap}.navbar-user{background:#ffffff1a;border:1px solid #ffffff26;border-radius:25px;gap:.8rem;padding:.4rem .8rem}.navbar-user,.user-welcome{align-items:center;display:flex}.user-welcome{color:#fff;font-size:.85rem;font-weight:500;gap:.3rem;white-space:nowrap}.user-welcome:before{content:"👋";font-size:.9rem}.admin-indicator{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:.3rem;padding:.15rem .4rem;text-transform:uppercase}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:scale(1.05)}.navbar-overlay{display:none}@media (max-width:1200px){.navbar{height:65px;padding:0 1.5rem}body.has-navbar .App{padding-top:65px}.navbar-link{font-size:.85rem;padding:.45rem .9rem}.navbar-logo{height:40px;width:40px}.navbar-left{gap:.8rem}}@media (max-width:992px){.navbar{padding:0 1rem}.navbar-left{gap:.5rem}.navbar-link{font-size:.8rem;padding:.4rem .7rem}.navbar-score{padding:.35rem .6rem}.score-text,.user-welcome{font-size:.8rem}.logout-btn{font-size:.75rem;padding:.35rem .6rem}}@media (max-width:1024px){.navbar{height:60px;padding:0 1rem;z-index:10000!important}body.has-navbar .App{padding-top:60px}.navbar-logo{height:40px;width:40px}.hamburger{display:flex;z-index:10002}.navbar-menu{align-items:stretch;background:#1e3c72;background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:5px 0 15px #0000004d;flex-direction:column;height:100vh;justify-content:flex-start;left:-100%;margin-left:0;opacity:1;overflow-y:auto;padding:70px 1.5rem 1.5rem;position:fixed;top:0;transition:left .3s ease;visibility:visible;width:100%;z-index:10001}.navbar-menu.active{left:0}.navbar-left{align-items:stretch;border-bottom:1px solid #fff3;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.navbar-link{background:#ffffff1a;border-radius:10px;font-size:1rem;padding:.8rem 1rem;text-align:left}.navbar-link:hover{background:#fff3;transform:none}.navbar-dropdown{width:100%}.navbar-dropdown .navbar-link{display:block;width:100%}.navbar-dropdown-content{background:#ffffff1a;border:none;border-radius:10px;box-shadow:none;margin-top:.5rem;max-height:0;opacity:0;overflow:hidden;padding:0;position:static;transform:none;transition:all .3s ease;visibility:hidden}.navbar-dropdown-content.show{max-height:300px!important;opacity:1!important;padding:.5rem 0!important;visibility:visible!important}.navbar-dropdown:hover .navbar-dropdown-content{max-height:0;opacity:0;visibility:hidden}.navbar-dropdown-content:before{display:none}.navbar-dropdown-content a{color:#fff;font-size:.9rem;padding:.7rem 1.2rem}.navbar-dropdown-content a:hover{background:#ffffff26;color:#fff;padding-left:1.5rem}.navbar-link.admin-link{padding:.8rem 1rem}.navbar-right{align-items:stretch;flex-direction:column;gap:1rem}.navbar-score{border-radius:10px;justify-content:center;padding:.6rem 1rem}.score-text{font-size:.95rem}.navbar-user{align-items:stretch;border-radius:10px;flex-direction:column;gap:.8rem;padding:1rem}.user-welcome{font-size:.95rem;justify-content:center}.logout-btn{border-radius:10px;font-size:.9rem;padding:.7rem 1rem;text-align:center}.navbar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}body.menu-open{overflow:hidden}}@media (max-width:480px){.navbar{height:55px;padding:0 .8rem}body.has-navbar .App{padding-top:55px}.navbar-logo{height:35px;width:35px}.hamburger{height:20px;width:26px}.hamburger-line{height:2.5px}.navbar-menu{padding-top:65px}.navbar-link{font-size:.9rem;padding:.7rem .8rem}.user-welcome{font-size:.85rem}.admin-indicator{font-size:.55rem;padding:.1rem .3rem}}@media (max-width:375px){.navbar{padding:0 .6rem}.navbar-logo{height:32px;width:32px}.navbar-link{padding:.6rem .7rem}.navbar-link,.score-text{font-size:.85rem}.user-welcome{flex-wrap:wrap;font-size:.8rem;justify-content:center}}@media (max-width:768px) and (orientation:landscape){.navbar-menu{padding:60px 1rem 1rem}.navbar-left{margin-bottom:1rem;padding-bottom:1rem}.navbar-link{font-size:.85rem;padding:.5rem .8rem}.navbar-right{flex-direction:row;flex-wrap:wrap;gap:.8rem;justify-content:center}.navbar-user{flex-direction:row;padding:.5rem .8rem}}.theme-toggle-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;margin:0;transition:all .3s ease;width:36px}.theme-toggle-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #fff3;transform:scale(1.1)}body.dark-mode{--bg-color:#0f172a;--bg-main:#0f172a;--surface-color:#1e293b;--bg-card:#1e293b;--text-main:#f8fafc;--text-secondary:#cbd5e1;--text-light:#94a3b8;--border-color:#334155;--glass-bg:#1e293bd9;background-color:var(--bg-color)!important;background-image:linear-gradient(#1e293b 1px,#0000 0),linear-gradient(90deg,#1e293b 1px,#0000 0)!important;color:var(--text-main)!important}body.dark-mode .app-container:before{background:radial-gradient(circle,#334155 0,#0000 70%)}body.dark-mode .app-container:after{background:radial-gradient(circle,#1e293b 0,#0000 70%)}body.dark-mode .achievement-card,body.dark-mode .achievements-summary,body.dark-mode .option-btn,body.dark-mode .progress-info,body.dark-mode .question,body.dark-mode .quiz-modal,body.dark-mode .stat-card,body.dark-mode .video-container{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}body.dark-mode .video-container{background:#1e293bcc!important}body.dark-mode .achievement-card{background:#1e293bd9!important}body.dark-mode .achievement-card.locked{background-color:#0f172a99!important;border-color:#475569!important}body.dark-mode .achievement-title,body.dark-mode .option-text,body.dark-mode .question p{color:var(--text-main)!important}body.dark-mode .achievement-description,body.dark-mode .header p,body.dark-mode .progress-text,body.dark-mode .stat-label{color:var(--text-secondary)!important}body.dark-mode .quiz-number{background-color:#334155!important;color:var(--text-main)!important}body.dark-mode .option-btn:hover:not(:disabled){background-color:#334155!important;border-color:#475569!important}body.dark-mode .option-btn.selected{background-color:#3b82f633!important;border-color:#3b82f6!important}body.dark-mode .achievements-title,body.dark-mode .header h1,body.dark-mode .posttest-header h1{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .btn-clear,body.dark-mode .info-item,body.dark-mode .option-label,body.dark-mode .posttest-header,body.dark-mode .question-card,body.dark-mode .result-card,body.dark-mode .review-item,body.dark-mode .score-display{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}body.dark-mode .option-label:hover{background-color:#334155!important;border-color:#475569!important}body.dark-mode .option-label.selected{background-color:#3b82f633!important;border-color:#3b82f6!important}body.dark-mode .review-item.correct{background-color:#22c55e1a!important;border-color:#22c55e4d!important}body.dark-mode .review-item.incorrect{background-color:#ef44441a!important;border-color:#ef44444d!important}body.dark-mode .btn-clear:hover{background-color:#ef44441a!important;border-color:#ef4444!important;color:#ef4444!important}body.dark-mode .answer-review h3,body.dark-mode .question-text,body.dark-mode .result-card h2,body.dark-mode .review-question,body.dark-mode .score-number{color:var(--text-main)!important}body.dark-mode .correct-answer,body.dark-mode .header-description,body.dark-mode .result-message,body.dark-mode .score-percentage,body.dark-mode .your-answer{color:var(--text-secondary)!important}body.dark-mode .question-number{background-color:#334155!important;color:var(--text-main)!important}body.dark-mode .result-card:after,body.dark-mode .result-card:before{opacity:.1}.stage-action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.stage-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:inline-flex;font-family:Kanit,sans-serif;font-size:1.1em;font-weight:700;gap:8px;justify-content:center;padding:15px 30px;transition:all .3s ease}.stage-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.stage-btn-primary{background:linear-gradient(135deg,#42a5f5,#2196f3);color:#fff}.stage-btn-primary:hover{background:linear-gradient(135deg,#2196f3,#1976d2)}.stage-btn-secondary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stage-btn-secondary:hover{background:linear-gradient(135deg,#5a6edb,#6b4494)}body.dark-mode .stage1-completion-message,body.dark-mode .stage1-question-container,body.dark-mode .stage1-quiz-header,body.dark-mode .stage2-completion-message,body.dark-mode .stage2-question-container,body.dark-mode .stage2-quiz-header,body.dark-mode .stage3-completion-message,body.dark-mode .stage3-question-container,body.dark-mode .stage3-quiz-header{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;box-shadow:0 4px 20px #0006}body.dark-mode .stage1-completion-message>div,body.dark-mode .stage1-quiz-title,body.dark-mode .stage2-completion-message>div,body.dark-mode .stage2-quiz-title,body.dark-mode .stage3-completion-message>div,body.dark-mode .stage3-quiz-title{color:var(--text-main)!important}body.dark-mode .stage1-question-text,body.dark-mode .stage2-question-text,body.dark-mode .stage3-question-text{background-color:var(--surface-color)!important;border:1px solid var(--border-color)!important;border-radius:15px;box-shadow:0 4px 15px #0003;color:var(--text-main)!important;padding:25px}body.dark-mode .stage3-input-hint{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:#60a5fa!important}body.dark-mode .stage3-answer-input{background-color:var(--bg-color)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}body.dark-mode .stage3-answer-input:focus{background-color:var(--surface-color)!important;border-color:#3b82f6!important}body.dark-mode .stage3-answer-input:disabled{background-color:#334155!important;color:#94a3b8!important}body.dark-mode .stage-final-score-text{color:var(--text-main)!important}body.dark-mode .stage-correct-review-text{background-color:var(--bg-color)!important;color:var(--text-secondary)!important}body.dark-mode .stage1-info-item,body.dark-mode .stage2-info-item,body.dark-mode .stage3-info-item{background-color:var(--surface-color)!important;border-color:var(--border-color)!important}body.dark-mode .stage1-info-value,body.dark-mode .stage2-info-value,body.dark-mode .stage3-info-value{color:var(--text-main)!important}body.dark-mode .stage1-info-label,body.dark-mode .stage2-info-label,body.dark-mode .stage3-info-label{color:var(--text-light)!important}.game-container{background:#0000!important;isolation:isolate;min-height:100vh;padding:20px;position:relative;z-index:1}.content-wrapper{margin:0 auto;max-width:1000px;padding:20px}.game-container:after,.game-container:before{animation:floatBlob 20s infinite alternate;border-radius:50%;content:"";filter:blur(80px);opacity:.5;position:absolute;z-index:-1}.game-container:before{background:radial-gradient(circle,#cbd5e1 0,#0000 70%);height:400px;left:-100px;top:-100px;width:400px}.game-container:after{animation-delay:-5s;background:radial-gradient(circle,#e2e8f0 0,#0000 70%);bottom:-100px;height:500px;right:-100px;width:500px}.requirement-banner{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fffc;border-radius:50px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d;display:flex;gap:12px;justify-content:center;margin:0 auto 50px;max-width:600px;padding:12px 30px;transition:transform .3s ease}.requirement-banner:hover{background:#ffffffe6;box-shadow:0 20px 25px -5px #0000000d;transform:translateY(-2px)}.banner-icon{font-size:1.2rem}.requirement-banner p{color:#475569;font-size:.95rem;font-weight:600;margin:0}.hero-section{align-items:center;animation:fadeInDown .8s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffbf;border:1px solid #ffffffe6;border-radius:50px;box-shadow:0 8px 25px #0000000d;display:flex;gap:20px;justify-content:center;margin:0 auto 30px;max-width:580px;padding:15px 35px}.raffy-mascot{animation:floatMascot 4s ease-in-out infinite;cursor:pointer;filter:drop-shadow(0 8px 12px rgba(0,0,0,.15));height:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:95px}.raffy-mascot:hover{transform:scale(1.15) rotate(10deg)}.hero-text{display:flex;flex-direction:column;justify-content:center;text-align:left}.welcome-text{-webkit-text-fill-color:#0000;animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#2563eb,#6366f1);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:800;letter-spacing:.5px;margin:0}.welcome-subtext{color:#64748b;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:500;margin:4px 0 0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header{z-index:2}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Orbitron,monospace;font-size:3rem;font-weight:900;letter-spacing:2px;margin-bottom:10px;text-shadow:0 4px 20px #3b82f626}.subtitle{color:#64748b;font-size:1.1rem;font-weight:500}.levels-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding-bottom:40px;position:relative;z-index:2}.level-connection{align-self:center;background:#e2e8f0;border-radius:2px;height:4px;margin-top:10px;overflow:hidden;position:relative;width:60px}.level-connection:before{animation:connectionPulseHorizontal 2s linear infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes connectionPulseHorizontal{0%{left:-100%}to{left:100%}}.level-item{z-index:10}.level-button,.level-item{align-items:center;display:flex;flex-direction:column;position:relative}.level-button{background:#fff;border:6px solid #f8fafc;border-radius:50%;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d,inset 0 2px 4px #ffffff80;height:130px;justify-content:center;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:130px}.level-button.unlocked{background:linear-gradient(145deg,#fff,#f1f5f9)}.level-button.unlocked:hover{border-color:#eff6ff;box-shadow:0 20px 40px -10px #3b82f640;transform:translateY(-8px) scale(1.05)}.level-button.completed{background:linear-gradient(145deg,#fff,#f0fdf4)}.level-button.completed:hover{border-color:#f0fdf4;box-shadow:0 20px 40px -10px #22c55e40;transform:translateY(-8px) scale(1.05)}.level-button.final{background:linear-gradient(145deg,#fff,#fef2f2)}.level-button.final:hover{border-color:#fef2f2;box-shadow:0 20px 40px -10px #ef444440;transform:translateY(-8px) scale(1.05)}.level-button.locked{background:#f1f5f9;border-color:#f8fafc;box-shadow:inset 0 2px 4px #0000000d;cursor:not-allowed;opacity:.8}.level-button.locked:hover{transform:none}.lock-icon,.star-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));font-size:2rem;margin-bottom:4px}.level-button.unlocked .star-icon{color:#3b82f6}.level-button.completed .star-icon{color:#10b981}.level-button.final .star-icon{color:#ef4444}.level-button.locked .lock-icon{color:#cbd5e1}.level-number{color:#334155;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;margin-bottom:6px}.level-button.locked .level-number{color:#94a3b8}.level-score{border-radius:20px;font-size:.75rem;font-weight:700;min-width:80px;padding:4px 12px;text-align:center;transition:all .3s}.level-score.pass{background:#dcfce7;color:#15803d}.level-score.fail{background:#fee2e2;color:#b91c1c}.level-score.locked{background:#e2e8f0;color:#94a3b8}.level-label{display:none}@media (max-width:768px){.content-wrapper{padding:10px}.title{font-size:2.2rem}.requirement-banner{margin-bottom:30px;padding:10px 20px}.requirement-banner p{font-size:.85rem}.hero-section{flex-direction:column;gap:15px;padding:20px}.hero-section,.hero-text{text-align:center}.welcome-text{font-size:1.75rem}.raffy-mascot{width:100px}.level-button{border-width:4px;height:100px;width:100px}.lock-icon,.star-icon{font-size:1.5rem}.level-number{font-size:.8rem}.level-score{font-size:.65rem;min-width:60px;padding:2px 8px}.level-connection{width:30px}.levels-grid{gap:15px}}@media (max-width:480px){.levels-grid{align-items:center;flex-direction:column}.level-connection{height:40px;margin:0;width:4px}.level-connection:before{animation:connectionPulseVertical 2s linear infinite;background:linear-gradient(180deg,#0000,#3b82f6,#0000);left:0;top:-100%}.level-button{height:110px;width:110px}}@keyframes connectionPulseVertical{0%{top:-100%}to{top:100%}}:root{--primary-color:#334155;--secondary-color:#64748b;--accent-color:#3b82f6;--surface-color:#fff;--text-secondary:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #00000014;--shadow-lg:0 20px 25px -5px #0000001a;--shadow-glow:0 0 20px #3b82f626}body{background-color:var(--bg-color);margin:0}.app-container{margin:0;min-height:100vh;padding:40px 20px;position:relative;z-index:1}.app-container:after,.app-container:before{animation:floatBlob 20s infinite alternate;border-radius:50%;content:"";filter:blur(80px);opacity:.5;position:absolute;z-index:-1}.app-container:before{background:radial-gradient(circle,#cbd5e1 0,#0000 70%);height:400px;left:-100px;top:-100px;width:400px}.app-container:after{animation-delay:-5s;background:radial-gradient(circle,#e2e8f0 0,#0000 70%);bottom:-100px;height:500px;right:-100px;width:500px}@keyframes floatBlob{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.header{margin-bottom:40px;position:relative;text-align:center}.header h1{background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-main);color:#0000;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.header p{color:#94a3b8;color:var(--text-secondary);font-size:1.1rem;font-weight:400}.video-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:1100px;padding:24px;position:relative;transition:transform .3s ease}.video-container:hover{box-shadow:0 25px 50px -12px #00000026;transform:translateY(-5px)}.video-wrapper{background:#000;border-radius:16px;box-shadow:0 10px 15px -3px #00000014;box-shadow:var(--shadow-md);overflow:hidden}.progress-info{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;box-shadow:var(--shadow-sm);justify-content:space-between;margin-top:24px;padding:16px 24px}.progress-info,.time-display{align-items:center;display:flex}.time-display{color:#334155;color:var(--primary-color);font-size:.95rem;font-weight:600;gap:10px}.time-icon{fill:#3b82f6;fill:var(--accent-color);height:20px;width:20px}.quiz-status{display:flex;gap:8px}.status-badge{border:1px solid #0000;border-radius:99px;font-size:.75rem;font-weight:700;padding:6px 12px;transition:all .3s ease}.status-badge.pending{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8}.status-badge.completed{background:#dcfce7;border-color:#bbf7d0;color:#166534}.status-badge.answered-wrong{background:#fee2e2;border-color:#fecaca;color:#991b1b}.quiz-overlay{align-items:center;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-modal{animation:modalPop .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:480px;overflow:hidden;padding:32px;position:relative;width:90%}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.quiz-modal:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:6px;left:0;position:absolute;top:0;width:100%}.quiz-header{margin-bottom:24px;text-align:center}.quiz-icon{align-items:center;background:#eff6ff;border-radius:50%;box-shadow:0 4px 12px #3b82f61a;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.quiz-icon svg{fill:#3b82f6;height:28px;width:28px}.quiz-header h2{color:#1e293b;color:var(--text-main);font-size:1.5rem;font-weight:700;margin-bottom:8px}.quiz-number{background:#f1f5f9;border-radius:20px;color:#94a3b8;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:4px 12px}.question{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:20px}.question p{color:#1e293b;color:var(--text-main);font-size:1.1rem;font-weight:600;line-height:1.6;margin:0;text-align:center}.options{display:flex;flex-direction:column;gap:12px}.option-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;font-family:Outfit,sans-serif;gap:16px;padding:16px;text-align:left;transition:all .2s ease}.option-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:translateY(-2px)}.option-btn.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.option-btn.correct{background:#f0fdf4;border-color:#22c55e}.option-btn.incorrect{background:#fef2f2;border-color:#ef4444}.option-letter{align-items:center;background:#f1f5f9;border-radius:10px;color:#64748b;color:var(--secondary-color);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.option-btn.selected .option-letter{background:#3b82f6;color:#fff}.option-btn.correct .option-letter{background:#22c55e;color:#fff}.option-btn.incorrect .option-letter{background:#ef4444;color:#fff}.feedback{animation:fadeIn .3s ease;border-radius:12px;margin-top:20px;padding:16px;text-align:center}.feedback.correct{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.feedback.incorrect{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.continue-btn{background:#1e293b;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:24px;padding:16px;transition:all .3s ease;width:100%}.continue-btn:hover{background:#0f172a;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}@media (max-width:600px){.app-container{background-size:20px 20px;padding:20px 16px}.header h1{font-size:1.75rem}.quiz-modal{max-width:100%;padding:24px}.option-btn{padding:12px}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#000;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{background:#ffffff80;color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.App{position:relative}body.has-navbar .App{padding-top:70px}.auth-container{font-family:Outfit,sans-serif;margin:0;min-height:100vh;padding:0;width:100vw}.auth-container,.auth-left{display:flex;overflow:hidden}.auth-left{align-items:center;background:#0f172a;color:#fff;flex:1.2 1;flex-direction:column;justify-content:center;position:relative;z-index:1}.auth-left:before{animation:bgSpin 20s linear infinite;background:radial-gradient(circle at 50% 50%,#3b82f666 0,#0000 50%),radial-gradient(circle at 10% 10%,#2563eb66 0,#0000 40%),radial-gradient(circle at 90% 90%,#1d4ed866 0,#0000 40%),radial-gradient(circle at 90% 10%,#60a5fa4d 0,#0000 40%);filter:blur(60px);height:200%;left:-50%;opacity:.8;top:-50%;width:200%}.auth-left:after,.auth-left:before{content:"";position:absolute;z-index:-1}.auth-left:after{background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:50px 50px;bottom:0;left:0;right:0;top:0}@keyframes bgSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-brand{animation:floatTitle 6s ease-in-out infinite;background:linear-gradient(135deg,#fff,#bfdbfe);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 10px 20px rgba(59,130,246,.3));font-size:5rem;font-weight:800;letter-spacing:-2px;margin:0;position:relative}.auth-brand:after{-webkit-text-fill-color:#93c5fd;color:#93c5fd;content:"Learn. Code. Create.";display:block;font-size:1.25rem;font-weight:500;letter-spacing:4px;margin-top:10px;opacity:.8;text-align:center;text-shadow:none;text-transform:uppercase}@keyframes floatTitle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-outside{animation:floatOutside 4s ease-in-out infinite;filter:drop-shadow(0 15px 20px rgba(0,0,0,.4));height:120px;margin-top:15px;transform-origin:center bottom}@keyframes floatOutside{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-brand:before{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);content:"";height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:-1}.brand-logos-wrapper{animation:fadeInLogos 1s ease-in-out forwards;animation-delay:.3s;flex-direction:column;gap:10px;margin-top:35px;opacity:0;z-index:2}.brand-logos,.brand-logos-wrapper{align-items:center;display:flex;justify-content:center}.brand-logos{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border-radius:50px;box-shadow:0 15px 35px #0006,inset 0 0 0 1px #ffffff80;gap:25px;padding:12px 30px}@keyframes fadeInLogos{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-logo{height:45px;object-fit:contain;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:auto}.brand-logo:hover{filter:drop-shadow(0 8px 15px rgba(0,0,0,.15));transform:translateY(-4px) scale(1.1)}.auth-right{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center;padding:40px;position:relative}.auth-form-container{animation:slideIn .6s cubic-bezier(.2,.8,.2,1);background:#fff;border-radius:30px;max-width:450px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.auth-title{color:#1e293b;font-size:2.25rem;font-weight:700;margin-bottom:8px;text-align:left}.auth-subtitle{color:#64748b;font-size:1.1rem;margin-bottom:40px;text-align:left}.auth-form{gap:24px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#334155;font-size:.95rem;font-weight:600}.form-group input{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;font-family:Outfit,sans-serif;font-size:1rem;padding:16px 20px;transition:all .3s ease}.form-group input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;outline:none}.form-group input.error{background-color:#fef2f2;border-color:#ef4444}.error-message{color:#ef4444;font-size:.85rem;margin-top:4px}.auth-button{border:none;border-radius:16px;cursor:pointer;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;margin-top:10px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-button,.register-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 20px #2563eb33;color:#fff}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 15px 30px #2563eb4d;transform:translateY(-2px)}.auth-button:disabled{background:#94a3b8;box-shadow:none;cursor:allowed;opacity:.7}.auth-link{color:#64748b;font-size:.95rem;margin-top:30px;text-align:center}.auth-link a{color:#2563eb;font-weight:700;margin-left:5px;text-decoration:none}.auth-link a:hover{text-decoration:underline}@media (max-width:1024px){.auth-left{flex:0.8 1}.auth-brand{font-size:3.5rem}}@media (max-width:768px){.auth-container{flex-direction:column}.auth-left{flex:0 0 200px;padding:20px}.auth-brand{font-size:2.5rem}.auth-brand:after{font-size:.9rem;letter-spacing:2px}body.has-navbar .App{padding-top:60px}}@media (max-width:480px){.auth-left{flex:0 0 160px}.auth-form-container{padding:20px}.auth-title{font-size:1.75rem}body.has-navbar .App{padding-top:55px}}:root{--primary-blue:#3b82f6;--primary-purple:#8b5cf6;--primary-cyan:#06b6d4;--accent-gold:#f59e0b;--accent-pink:#ec4899;--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg,#0f172a,#1e293b);--glass-bg:#fffffff2;--glass-border:1px solid #fff3;--glass-shadow:0 8px 32px 0 #1f268726}.achievements-container{background:#0000;color:#1e293b;color:var(--text-main);font-family:Outfit,sans-serif;min-height:100vh;overflow:hidden;padding:60px 20px;position:relative;z-index:1}.achievements-container:after,.achievements-container:before{animation:float 20s infinite alternate;border-radius:50%;content:"";filter:blur(80px);height:500px;opacity:.5;position:absolute;width:500px;z-index:-1}.achievements-container:before{background:radial-gradient(circle,#cbd5e1 0,#0000 70%);left:-100px;top:-100px}.achievements-container:after{animation-delay:-5s;background:radial-gradient(circle,#e2e8f0 0,#0000 70%);bottom:-100px;right:-100px}@keyframes float{0%{transform:translate(0) rotate(0deg)}to{transform:translate(50px,50px) rotate(20deg)}}.achievements-header{margin:0 auto 60px;max-width:900px;position:relative;text-align:center}.achievements-title{animation:titleFadeIn .8s ease-out;background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem;text-shadow:0 5px 15px #2563eb26}.achievements-subtitle{color:#64748b;color:var(--text-secondary);font-size:1.25rem;font-weight:500;margin:0 auto;max-width:600px;opacity:.9}.ach-hero-section{align-items:center;animation:slideInUp .8s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffbf;border:1px solid #ffffffe6;border-radius:50px;box-shadow:0 8px 25px #0000000d;display:flex;gap:20px;justify-content:center;margin:0 auto 50px;max-width:580px;padding:15px 35px}.ach-raffy-mascot{animation:floatMascot 4s ease-in-out infinite;cursor:pointer;filter:drop-shadow(0 8px 12px rgba(0,0,0,.15));height:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:95px}.ach-raffy-mascot:hover{transform:scale(1.15) rotate(10deg)}.ach-hero-text{display:flex;flex-direction:column;justify-content:center;text-align:left}.ach-welcome-text{-webkit-text-fill-color:#0000;animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#f59e0b,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:800;letter-spacing:.5px;margin:0}.ach-welcome-subtext{color:#64748b;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:500;margin:4px 0 0}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.achievements-stats{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:50px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 10px 40px -10px #00000014;display:flex;gap:20px;min-width:220px;overflow:hidden;padding:24px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:#cbd5e1;background:var(--stat-color,#cbd5e1);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.stat-card:hover{background:#fffffff2;box-shadow:0 20px 40px -10px #0000001f;transform:translateY(-8px)}.stat-icon{align-items:center;border-radius:16px;display:flex;font-size:1.75rem;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-icon.unlock{background:#eff6ff;box-shadow:0 4px 12px #3b82f633;color:#3b82f6}.stat-icon.received{background:#f0fdf4;box-shadow:0 4px 12px #22c55e33;color:#22c55e}.stat-icon.points{background:#fffbeb;box-shadow:0 4px 12px #f59e0b33;color:#f59e0b}.stat-number{color:#1e293b;color:var(--text-main);font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.achievements-grid{display:flex;flex-direction:column;gap:24px;margin:0 auto 60px;max-width:900px}.achievement-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:24px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005;display:flex;gap:24px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1}.achievement-card:after{background:linear-gradient(135deg,#fffc,#fff3);border-radius:24px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.achievement-card:hover{background:#fff;box-shadow:0 20px 40px -10px #00000014;transform:scale(1.02) translateY(-4px);z-index:2}.achievement-card:before{background:var(--achievement-color);border-radius:24px 0 0 24px;bottom:0;content:"";left:0;opacity:1;position:absolute;top:0;width:6px}.achievement-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:18px;box-shadow:inset 0 2px 4px #fff,0 8px 16px -4px #0000001a;display:flex;flex-shrink:0;font-size:2.25rem;height:64px;justify-content:center;transition:transform .3s ease;width:64px}.achievement-card:hover .achievement-icon{background:#fff;transform:rotate(-5deg) scale(1.05)}.achievement-content{flex:1 1}.achievement-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.achievement-title{color:#1e293b;color:var(--text-main);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0}.achievement-description{color:#64748b;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:4px 0 18px}.achievement-points{background:linear-gradient(135deg,var(--achievement-color),#3b82f6);border-radius:99px;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:.85rem;font-weight:700;padding:6px 14px;text-shadow:0 1px 2px #0000001a;white-space:nowrap}.progress-container{align-items:center;display:flex;gap:16px}.progress-bar{background:#f1f5f9;box-shadow:inset 0 2px 4px #0000000d;flex:1 1;height:10px}.progress-bar,.progress-fill{border-radius:99px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--achievement-color),#fff);height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.progress-text{color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:600;min-width:45px;text-align:right}.achievement-action{flex-shrink:0;width:150px}.claim-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s;width:100%}.claim-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.claim-button:hover:not(:disabled){box-shadow:0 8px 16px #2563eb66;transform:translateY(-2px)}.claim-button:hover:before{left:100%}.claim-button:active{transform:translateY(0)}.claim-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.claimed-badge{background:#10b9811a;border:1px solid #10b98133;color:#059669;font-weight:700;gap:8px}.claimed-badge,.locked-badge{align-items:center;border-radius:14px;display:flex;font-size:.95rem;justify-content:center;padding:12px;text-align:center}.locked-badge{background:#f1f5f9;color:#94a3b8;font-weight:600;gap:6px}.achievement-card.locked{background:#f8fafc99;border:1px dashed #cbd5e1}.achievement-card.locked .achievement-icon{box-shadow:none;filter:grayscale(1);opacity:.6}.achievement-card.locked .achievement-title{color:#64748b}.achievement-card.claimed{background:#f0fdf4cc;border-color:#86efac}.achievement-card.claimed:before{background:#22c55e;box-shadow:0 0 15px #22c55e66}.achievements-summary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 10px 40px -10px #0000000d;margin:40px auto;max-width:600px;padding:30px;text-align:center}.achievements-summary h2{color:#1e293b;color:var(--text-main);font-size:1.5rem;margin-bottom:24px}.summary-bar{background:#f1f5f9;border-radius:99px;box-shadow:inset 0 2px 4px #0000000d;height:12px;margin-bottom:16px;overflow:hidden}.summary-fill{background:linear-gradient(90deg,#3b82f6,#ec4899);border-radius:99px;height:100%;position:relative;transition:width .8s ease}.summary-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.achievements-title{flex-wrap:wrap;font-size:2.25rem;justify-content:center}.achievements-stats{gap:16px}.stat-card{flex:1 1 100%;justify-content:center}.achievement-card{flex-direction:column;padding:24px;text-align:center}.achievement-card:before{border-radius:24px 24px 0 0;height:6px;width:100%}.achievement-header{align-items:center;flex-direction:column;gap:12px}.achievement-action{margin-top:20px;width:100%}.progress-container{flex-direction:column;gap:8px}.progress-text{text-align:center;width:100%}.achievement-points{margin-bottom:12px;order:-1}.ach-hero-section{border-radius:30px;flex-direction:column;gap:15px;padding:20px;text-align:center}.ach-hero-text{text-align:center}.ach-welcome-text{font-size:1.6rem}}.adm-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px}.adm-container,.adm-loading{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.adm-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.adm-spinner{animation:admSpin 1s linear infinite;border:5px solid #e0e7ff;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}@keyframes admSpin{to{transform:rotate(1turn)}}.adm-header{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:30px;text-align:center}.adm-title{color:#1e3a8a;font-size:36px;font-weight:700;margin:0}.adm-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.adm-stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;display:flex;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.adm-stat-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.adm-stat-icon{font-size:36px;margin-right:15px}.adm-stat-info{flex:1 1}.adm-stat-value{color:#1e3a8a;font-size:24px;font-weight:700;margin-bottom:3px}.adm-stat-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.adm-controls{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.adm-search{flex:1 1;min-width:250px}.adm-search-input{background:#f8fafc;border:2px solid #e0e7ff;border-radius:10px;font-size:14px;padding:12px 20px;transition:border-color .3s ease;width:100%}.adm-search-input:focus{background:#fff;border-color:#3b82f6;outline:none}.adm-filters{display:flex;gap:15px}.adm-select{background:#fff;border:2px solid #e0e7ff;border-radius:10px;cursor:pointer;font-size:13px;min-width:140px;padding:12px 16px;transition:all .3s ease}.adm-select:focus,.adm-select:hover{border-color:#3b82f6}.adm-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.adm-table-wrap{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;overflow-x:auto;padding:20px}.adm-table{border-collapse:initial;border-spacing:0;width:100%}.adm-table thead{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.adm-table th{font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.adm-table th:first-child{border-top-left-radius:10px}.adm-table th:last-child{border-top-right-radius:10px}.adm-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.adm-table tbody tr:hover{background-color:#f8fafc}.adm-row-highlight{background-color:#fef3c7!important}.adm-row-highlight:hover{background-color:#fde68a!important}.adm-table td{color:#475569;font-size:13px;padding:12px}.adm-center,.adm-no-data{text-align:center}.adm-no-data{color:#94a3b8;font-size:15px;padding:40px!important}.adm-user-cell{align-items:center;display:flex;gap:8px}.adm-user-name{color:#1e293b;font-weight:600}.adm-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;text-transform:uppercase}.adm-score-pill{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.adm-progress-cell{align-items:center;display:flex;flex-direction:column;gap:4px}.adm-progress-bar{background:#e5e7eb;border-radius:10px;height:6px;overflow:hidden;width:70px}.adm-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width .3s ease}.adm-progress-text{color:#64748b;font-size:11px;font-weight:600}.adm-level-pill{color:#fff;display:inline-block;font-size:11px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.adm-ach-count,.adm-level-pill{border-radius:6px;font-weight:600}.adm-ach-count{background:#fef3c7;color:#92400e;font-size:12px;padding:4px 8px}.adm-posttest-cell{align-items:center;display:flex;flex-direction:column;gap:4px}.adm-percent-pill{border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.adm-empty{color:#9ca3af}.adm-status{border-radius:15px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px}.adm-passed{background:#e6f4ea;color:#137333}.adm-failed{background:#fce8e6;color:#c5221f}.adm-pending{background:#f1f3f4;color:#5f6368}.adm-detail-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .3s ease}.adm-detail-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.adm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .3s ease}.adm-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.adm-modal-overlay{align-items:center;animation:admFadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes admFadeIn{0%{opacity:0}to{opacity:1}}.adm-modal{animation:admSlideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:85vh;max-width:550px;overflow-y:auto;position:relative;width:100%}@keyframes admSlideUp{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.adm-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:30px;z-index:10}.adm-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.adm-modal-head{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:16px 16px 0 0;display:flex;gap:15px;padding:20px}.adm-modal-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.adm-modal-user h2{color:#fff;font-size:18px;margin:0 0 2px}.adm-modal-user p{color:#fffc;font-size:12px;margin:0}.adm-badge-modal{background:#f59e0be6;border-radius:10px;color:#fff;display:inline-block;font-size:9px;font-weight:700;margin-top:5px;padding:2px 8px;text-transform:uppercase}.adm-modal-stats{grid-gap:10px;background:#f8fafc;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:15px}.adm-modal-stat{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;padding:12px 8px;text-align:center}.adm-modal-stat-icon{display:block;font-size:18px;margin-bottom:3px}.adm-modal-stat-val{color:#1e3a8a;display:block;font-size:16px;font-weight:700}.adm-modal-stat-lbl{color:#64748b;font-size:10px;text-transform:uppercase}.adm-modal-section{border-bottom:1px solid #e5e7eb;padding:15px}.adm-modal-section:last-child{border-bottom:none}.adm-modal-section h3{align-items:center;color:#1e293b;display:flex;font-size:14px;gap:6px;margin:0 0 12px}.adm-level-score-summary{display:flex;gap:15px;justify-content:center;margin-bottom:15px}.adm-level-score-stat{align-items:center;border-radius:10px;display:flex;flex-direction:column;min-width:70px;padding:10px 20px}.adm-level-score-stat.passed{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.adm-level-score-stat.failed{background:linear-gradient(135deg,#fee2e2,#fecaca)}.adm-level-score-stat.not-attempted{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.adm-level-score-stat-icon{font-size:18px;margin-bottom:4px}.adm-level-score-stat-val{color:#1e293b;font-size:20px;font-weight:700}.adm-level-score-stat-lbl{color:#64748b;font-size:10px;text-transform:uppercase}.adm-level-categories{display:flex;flex-direction:column;gap:12px}.adm-level-category{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.adm-level-category-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:10px 14px}.adm-level-category-name{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.adm-level-category-score{background:#fff3;border-radius:10px;font-size:12px;padding:3px 10px}.adm-level-category-items{background:#fff}.adm-level-score-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 14px;transition:background-color .2s ease}.adm-level-score-item:last-child{border-bottom:none}.adm-level-score-item:hover{background-color:#f8fafc}.adm-level-score-item.passed{background:linear-gradient(90deg,#22c55e0d,#0000)}.adm-level-score-item.failed{background:linear-gradient(90deg,#ef44440d,#0000)}.adm-level-score-item.not_attempted{opacity:.6}.adm-level-score-info{display:flex;flex-direction:column;gap:2px}.adm-level-score-name{color:#1e293b;font-size:13px;font-weight:600}.adm-level-score-label{color:#94a3b8;font-size:10px}.adm-level-score-value{align-items:center;display:flex;gap:4px}.adm-level-score-number{font-size:18px;font-weight:700}.adm-level-score-max{color:#94a3b8;font-size:12px}.adm-level-score-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-left:6px;width:20px}.adm-level-score-badge.passed{background:#22c55e}.adm-level-score-badge.failed{background:#ef4444}.adm-level-score-empty{color:#94a3b8;font-size:12px;font-style:italic}.adm-posttest-box{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:15px;padding:12px}.adm-posttest-circle{align-items:center;background:#fff;border:4px solid;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.adm-posttest-pct{color:#1e293b;font-size:16px;font-weight:700}.adm-posttest-info{flex:1 1}.adm-posttest-info p{margin:0 0 3px}.adm-pass-text{color:#22c55e}.adm-fail-text,.adm-pass-text{font-size:13px;font-weight:600}.adm-fail-text{color:#ef4444}.adm-posttest-score{color:#475569;font-size:12px}.adm-posttest-date{color:#94a3b8;font-size:11px}.adm-levels-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.adm-level-box{align-items:center;background:#fff;border:2px solid;border-radius:8px;display:flex;flex-direction:column;gap:3px;padding:6px}.adm-level-done{background:linear-gradient(135deg,#ffffffe6,#ffffffb3)}.adm-level-lock{opacity:.5}.adm-level-num{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.adm-level-score{color:#1e293b;font-size:10px;font-weight:600}.adm-ach-list{display:flex;flex-direction:column;gap:6px}.adm-ach-item{align-items:center;background:#fff;border:2px solid;border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:all .2s ease}.adm-ach-unlocked{background:linear-gradient(135deg,#fffffff2,#ffffffd9)}.adm-ach-unlocked:hover{transform:translateX(3px)}.adm-ach-locked{background:#f9fafb;opacity:.4}.adm-ach-icon{flex-shrink:0;font-size:20px}.adm-ach-info{flex:1 1;min-width:0}.adm-ach-title{display:block;font-size:12px;font-weight:600}.adm-ach-desc{color:#64748b;display:block;font-size:10px}.adm-ach-badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.adm-ach-lock{color:#9ca3af;font-size:14px}.adm-video-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;justify-content:space-around;margin-bottom:16px;padding:16px}.adm-video-stat{align-items:center;color:#fff;display:flex;flex-direction:column}.adm-video-stat-val{font-size:1.5rem;font-weight:700}.adm-video-stat-lbl{font-size:.75rem;opacity:.9}.adm-video-list{display:flex;flex-direction:column;gap:8px}.adm-video-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.adm-video-item:hover{background:#f1f5f9;border-color:#cbd5e1}.adm-video-info{display:flex;flex-direction:column;gap:4px}.adm-video-title{color:#1e293b;font-size:.95rem;font-weight:600}.adm-video-progress{color:#64748b;font-size:.8rem}.adm-video-points{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;color:#fff;display:flex;flex-direction:column;min-width:60px;padding:8px 12px}.adm-video-points-val{font-size:1rem;font-weight:700}.adm-video-points-lbl{font-size:.65rem;opacity:.9}.adm-video-empty{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#94a3b8;display:flex;font-size:.9rem;justify-content:center;padding:24px}@media (max-width:1024px){.adm-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.adm-container{padding:15px}.adm-header{padding:20px}.adm-title{font-size:28px}.adm-stats{grid-template-columns:repeat(2,1fr)}.adm-controls{flex-direction:column}.adm-search{min-width:100%}.adm-filters{flex-wrap:wrap;width:100%}.adm-select{flex:1 1;min-width:120px}.adm-table{font-size:11px}.adm-table td,.adm-table th{padding:8px 6px}.adm-modal{max-height:85vh;max-width:95%}.adm-levels-grid{grid-template-columns:repeat(4,1fr)}.adm-level-score-summary{gap:10px}.adm-level-score-stat{min-width:60px;padding:8px 12px}}@media (max-width:480px){.adm-stats{grid-template-columns:1fr}.adm-modal-head{flex-direction:column;padding:15px;text-align:center}.adm-modal-stats{gap:8px;padding:12px}.adm-modal-stat{padding:10px 6px}.adm-levels-grid{gap:4px;grid-template-columns:repeat(4,1fr)}.adm-level-box{padding:4px}.adm-level-num{font-size:10px;height:20px;width:20px}.adm-ach-item{padding:6px 8px}.adm-ach-icon{font-size:18px}.adm-level-score-summary{flex-wrap:wrap}.adm-level-category-header,.adm-level-score-item{padding:8px 12px}.adm-level-score-number{font-size:16px}}.adm-modal::-webkit-scrollbar{width:6px}.adm-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.adm-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.adm-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.adm-controls,.adm-detail-btn,.adm-modal-overlay{display:none}.adm-container{background:#fff}}.status-badge.answered-wrong{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}:root{--primary-color:#2563eb;--secondary-color:#7c3aed;--accent-color:#f43f5e;--bg-color:#f8fafc;--card-bg:#ffffffd9;--glass-border:1px solid #fff9;--shadow-sm:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #94a3b81a,0 4px 6px -2px #94a3b80d;--shadow-lg:0 20px 25px -5px #94a3b81a,0 10px 10px -5px #94a3b80a;--text-main:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-color:#f8fafc;background-image:linear-gradient(#e2e8f0 1px,#0000 0),linear-gradient(90deg,#e2e8f0 1px,#0000 0);background-size:40px 40px;color:#1e293b;color:var(--text-main);font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden}.posttest-container{background:#0000;min-height:100vh;padding:60px 20px;position:relative;z-index:1}.posttest-container:before{display:none}.posttest-container:after{animation:floatBlobs 20s infinite alternate;background:radial-gradient(circle,#dbeafeb3 0,#fff0 70%);border-radius:50%;content:"";height:60vw;left:-10%;position:absolute;top:-10%;width:60vw;z-index:-1}.posttest-bg-element{border-radius:50%;filter:blur(60px);opacity:.6;position:absolute;z-index:-1}.posttest-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #e2e8f099;border-radius:24px;box-shadow:0 20px 40px #0000000d,inset 0 0 0 1px #fff;margin:0 auto 40px;max-width:800px;padding:40px;position:relative;text-align:center;transition:transform .3s}.posttest-header:hover{box-shadow:0 30px 60px #00000014,inset 0 0 0 1px #fff;transform:translateY(-5px)}.posttest-header h1{background:linear-gradient(120deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.header-description{color:#64748b;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:30px}.test-info{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.info-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:50px;box-shadow:0 2px 10px #00000008;color:#1e293b;color:var(--text-main);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px}.posttest-form{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px;position:relative;z-index:2}.question-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:1px solid #fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-sm);padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.question-card:hover{background:#fffffff2;border-color:#e2e8f0;box-shadow:0 20px 25px -5px #94a3b81a,0 10px 10px -5px #94a3b80a;box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.01)}.question-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.question-number{background:#f1f5f9;border-radius:12px;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:6px 14px}.question-number,.question-text{color:#1e293b;color:var(--text-main)}.question-text{font-size:1.25rem;font-weight:600;line-height:1.5;margin-bottom:28px}.options-container{display:flex;flex-direction:column;gap:12px}.option-label{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;cursor:pointer;display:flex;padding:18px 24px;position:relative;transition:all .2s ease}.option-label:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateX(4px)}.option-label.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.option-radio{appearance:none;border:2px solid #cbd5e1;border-radius:50%;height:20px;margin-right:16px;position:relative;transition:all .2s;width:20px}.option-radio:checked{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.option-radio:checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.option-text{color:#1e293b;color:var(--text-main);font-size:1rem;font-weight:500}.submit-section{display:flex;gap:20px;justify-content:center;margin:40px auto;max-width:800px}.btn-submit{background:#1e293b;border:none;border-radius:99px;box-shadow:0 10px 20px #1e293b33;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;min-width:180px;padding:16px 48px;transition:all .3s}.btn-submit:hover{background:#0f172a;box-shadow:0 15px 30px #1e293b4d;transform:translateY(-4px)}.btn-clear{background:#fff;border:2px solid #e2e8f0;border-radius:99px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:16px 32px;transition:all .3s}.btn-clear:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.posttest-result{animation:slideUp .6s ease-out;margin:0 auto;max-width:800px;position:relative;z-index:10}.result-card{background:#fff;border:1px solid #f1f5f9;border-radius:40px;box-shadow:0 50px 100px -20px #32325d1a,0 30px 60px -30px #0000001a;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.result-card:before{background:linear-gradient(135deg,#dbeafe,#eff6ff);height:200px;right:-50px;top:-50px;width:200px}.result-card:after,.result-card:before{border-radius:50%;content:"";position:absolute;z-index:0}.result-card:after{background:linear-gradient(135deg,#fce7f3,#fdf2f8);bottom:-50px;height:150px;left:-50px;width:150px}.result-card>*{position:relative;z-index:1}.score-display{align-items:center;background:#fff;border-radius:50%;box-shadow:0 20px 40px #00000014,inset 0 0 0 10px #f8fafc;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto 30px;position:relative;width:200px}.score-display:before{animation:spin 8s linear infinite;background:conic-gradient(from 0deg,#3b82f6,#60a5fa,#3b82f6);border-radius:50%;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:10px;position:absolute}.score-number{color:#1e293b;font-size:4rem;font-weight:800;line-height:1}.score-percentage{color:#64748b;font-size:1.25rem;font-weight:500;margin-top:4px}.result-status{border-radius:99px;display:inline-block;font-size:1.25rem;font-weight:700;margin-bottom:20px;padding:12px 30px}.result-status.pass{background:#ecfdf5;color:#059669}.result-status.fail{background:#fef2f2;color:#dc2626}.review-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:20px;padding:24px}.review-item.correct{background:#f0fdf4;border-color:#bbf7d0}.review-item.incorrect{background:#fef2f2;border-color:#fecaca}.btn-retry{background:#1e293b;border:none;border-radius:99px;box-shadow:0 10px 20px #1e293b33;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:40px;padding:16px 48px;transition:all .3s}.btn-retry:hover{box-shadow:0 15px 30px #1e293b4d;transform:translateY(-4px)}@keyframes floatBlobs{0%{transform:translate(0) scale(1)}to{transform:translate(20px,40px) scale(1.1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.posttest-container{padding:40px 16px}.posttest-header{padding:30px 20px}.posttest-header h1{font-size:2rem}.question-card{padding:24px 20px}.question-text{font-size:1.1rem}.score-number{font-size:3rem}.score-display{height:160px;width:160px}}
/*# sourceMappingURL=main.19e1d2ab.css.map*/