*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:#333;background:#0a0a0a;overflow-x:hidden}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%;animation:gradientShift 15s ease infinite;transform:translateZ(0);will-change:background-position}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-shift{animation:gradientShift 15s ease infinite}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative}.main-content{margin-top:var(--header-height-mobile);min-height:calc(100vh - var(--header-height-mobile))}@media (min-width:1024px){.main-content{margin-top:var(--header-height-desktop);min-height:calc(100vh - var(--header-height-desktop))}}.home-page{display:block}.hero{min-height:60vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;color:white!important;position:relative!important}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);backdrop-filter:blur(var(--blur-xs));-webkit-backdrop-filter:blur(var(--blur-xs))}.hero-content{position:relative;z-index:30;max-width:800px}.hero h1{font-size:4rem;font-weight:800;margin-bottom:20px;text-shadow:2px 2px 20px rgba(0,0,0,.5)}.hero .subtitle{font-size:1.5rem;margin-bottom:30px;opacity:.9;font-weight:300}.modules-section{padding:80px 0}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.modules-title{text-align:center;font-size:3rem;font-weight:700;margin-bottom:60px}.modules-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important;gap:40px!important;max-width:1000px!important;margin:0 auto!important}.module-card{padding:40px;text-align:center;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:320px}.module-card:not(.locked):not(.loading){background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:30px;box-shadow:var(--glass-shadow-md);transition:all .4s ease}.module-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.module-card.locked{opacity:.6}.module-card.locked:hover{transform:none}.module-card.loading{cursor:default}.module-icon{width:80px;height:80px;margin:0 auto 25px}.module-icon.course1{background:linear-gradient(135deg,#667eea,#764ba2)}.module-icon.course2{background:linear-gradient(135deg,#0052ff,#0041cc)}.module-icon.course3{background:linear-gradient(135deg,#10b981,#059669)}.module-icon.course4{background:linear-gradient(135deg,#f59e0b,#d97706)}.module-icon.course5{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.module-icon.locked{background:#9ca3af}.lock-indicator{position:absolute;top:1rem;right:1rem;color:#9ca3af;font-size:1.2rem;z-index:2}.module-title{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:15px}.module-description{font-size:1.1rem;color:#6b7280;margin-bottom:25px;line-height:1.6;flex:1}.module-content{flex:1;display:flex;flex-direction:column}.course-metadata{margin-bottom:1.5rem}.metadata-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem}.metadata-icon{color:#10b981;width:16px;flex-shrink:0}.metadata-label{color:#9ca3af;font-weight:500}.metadata-value{color:#e5e7eb;font-weight:600;margin-left:auto}.module-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:auto}.available-course-info{display:flex;align-items:center;justify-content:space-between}.module-status{display:inline-block;padding:8px 20px;border-radius:20px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.status-available{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.status-completed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.status-locked{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.status-icon{font-size:.75rem}.course-action-hint{color:#10b981;font-size:1.2rem}.unlock-requirements{margin-top:.75rem}.requirements-text{font-size:.75rem;color:#f59e0b;background:rgba(245,158,11,.1);padding:.5rem;border-radius:6px;border:1px solid rgba(245,158,11,.2);display:block;text-align:center;line-height:1.4}.empty-state,.error-state{display:flex;justify-content:center;align-items:center;min-height:300px;grid-column:1/-1}.empty-content,.error-content{text-align:center;max-width:400px;padding:2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px}.empty-icon,.error-icon{font-size:3rem;margin-bottom:1rem}.error-icon{color:#ef4444}.empty-icon{color:#6b7280}.empty-content h3,.error-content h3{color:white;margin-bottom:.5rem;font-size:1.25rem}.empty-content p,.error-content p{color:#9ca3af;margin-bottom:1.5rem;line-height:1.5}.retry-btn{background:#ef4444;color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin:0 auto}.retry-btn:hover{background:#dc2626;transform:translateY(-1px)}.modules-progress{margin-top:40px;text-align:center}.progress-info{flex-direction:column;gap:15px}.progress-text{color:white;font-size:1.1rem}.progress-bar{height:8px;width:300px;max-width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#06b6d4);transition:width .6s ease}.loading-skeleton-wrapper{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-avatar,.skeleton-avatar-large,.skeleton-badge,.skeleton-button,.skeleton-course-icon,.skeleton-stat,.skeleton-text,.skeleton-xp-bar{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{margin-bottom:8px}.skeleton-title{height:20px;width:70%}.skeleton-subtitle{height:14px;width:50%}.skeleton-short{width:60%}.skeleton-name{width:150px}.skeleton-level{width:100px}.skeleton-course-title{height:18px;width:80%;margin-bottom:12px}.skeleton-meta{height:12px;width:80px}.skeleton-course-icon{border-radius:12px;margin-bottom:16px}.skeleton-button{height:36px}.loading-skeleton-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px}.skeleton-header{gap:12px}.skeleton-content,.skeleton-header{margin-bottom:16px}.loading-skeleton-course{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px}.skeleton-course-meta{margin:16px 0}.skeleton-course-status{margin-top:16px}.loading-skeleton-portal{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:20px}.skeleton-profile{gap:16px;margin-bottom:20px}.skeleton-xp-bar{height:8px;border-radius:4px;margin-bottom:20px}.skeleton-stats{display:flex;gap:16px}.skeleton-stat{flex:1}.course-page{display:none;padding:40px 0}.course-page.active{display:block}.course-header{text-align:center;margin-bottom:60px;color:white}.course-badge{display:inline-block;background:linear-gradient(135deg,#f093fb,#f5576c);color:white;padding:12px 24px;border-radius:25px;font-weight:700;font-size:1rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.course-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;text-shadow:2px 2px 20px rgba(0,0,0,.5)}.course-subtitle{font-size:1.5rem;opacity:.9;font-weight:300}.content-section{margin-bottom:60px}.section-card{background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:20px;padding:40px;box-shadow:var(--glass-shadow-md)}.section-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:25px;display:flex;align-items:center;gap:15px}.section-title i{color:#f093fb;font-size:1.8rem}.section-content{color:#374151;line-height:1.8;font-size:1.1rem}.section-content p{margin-bottom:20px}.section-content p:last-child{margin-bottom:0}.steps-container{display:flex;flex-direction:column;gap:30px}.step{background:#ffffff;border-radius:15px;padding:25px;border:1px solid #e5e7eb;box-shadow:0 4px 15px rgba(0,0,0,.05)}.step-header{gap:20px;margin-bottom:20px}.step-header,.step-number{display:flex;align-items:center}.step-number{background:linear-gradient(135deg,#f093fb,#f5576c);color:white;width:50px;height:50px;border-radius:50%;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-title{font-size:1.4rem;font-weight:700;color:#111827}.step-description{color:#475569;line-height:1.7;font-size:1rem}.step-description p{margin-bottom:15px}.step-description p:last-child{margin-bottom:0}.definition-box{background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px;margin-top:20px}.definition-term{display:flex;align-items:center;gap:12px;font-weight:600;color:#3730a3;margin-bottom:12px;font-size:1.1rem}.definition-icon{color:#6366f1;font-size:1.2rem}.definition-text{color:#475569;line-height:1.6;font-size:1rem}.highlight-section{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.1));border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:40px;text-align:center}.highlight-title{font-size:1.8rem;font-weight:700;color:#d97706;margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:15px}.highlight-title i{color:#f59e0b;font-size:1.6rem}.highlight-content{color:#92400e;line-height:1.8;font-size:1.1rem}.highlight-content p{margin-bottom:20px}.highlight-content p:last-child{margin-bottom:0}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.tip-card{background:#ffffff;border-radius:15px;padding:25px;border:1px solid #e5e7eb;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:all .3s ease}.tip-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.tip-icon{background:linear-gradient(135deg,#10b981,#059669);color:white;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 20px}.tip-title{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:15px;text-align:center}.tip-text{color:#475569;line-height:1.6;font-size:1rem;text-align:center}.glossary-description{color:#475569;line-height:1.7;font-size:1.1rem;margin-bottom:30px;text-align:center;font-style:italic}.section-tabs{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.exam-section{margin-top:60px;padding:40px;background:rgba(248,250,252,.95);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);text-align:center}.exam-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px}.exam-title i{color:#f093fb;font-size:1.8rem}.exam-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.exam-completed{text-align:center;padding:2rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:12px;margin-top:2rem}.completed-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(16,185,129,.2);color:#10b981;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;margin-bottom:1rem;border:1px solid rgba(16,185,129,.4)}.completed-message{color:#d1d5db;margin-bottom:1.5rem;line-height:1.6}.completed-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.back-to-top,.go-to-exam{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;font-size:1.5rem;transition:all .3s ease;opacity:0;visibility:hidden;z-index:1000}.back-to-top.visible,.go-to-exam.visible{opacity:1;visibility:visible}.back-to-top{background:linear-gradient(135deg,#f093fb,#f5576c);color:white;box-shadow:0 4px 15px rgba(240,147,251,.4)}.go-to-exam{background:linear-gradient(135deg,#10b981,#06b6d4);color:white;box-shadow:0 4px 15px rgba(16,185,129,.4);bottom:100px}.back-to-top:hover,.go-to-exam:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.study-timer-indicator{margin-top:15px;display:flex;justify-content:center}.timer-badge{background:rgba(16,185,129,.1);border:1px solid #10b981;border-radius:20px;padding:8px 16px;color:#10b981;font-size:.9rem;display:flex;align-items:center;gap:8px;animation:pulse-glow 2s ease-in-out infinite alternate}.timer-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse-glow{0%{box-shadow:0 0 5px rgba(16,185,129,.3)}to{box-shadow:0 0 15px rgba(16,185,129,.6)}}.quiz-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9000;animation:fadeIn .3s ease}.quiz-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(99,102,241,.3);width:90%;max-width:500px;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.quiz-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.quiz-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;transition:all .2s}.quiz-close:hover{color:#fff;transform:scale(1.1)}.quiz-content{padding:20px}.quiz-progress{margin-bottom:20px;text-align:center}.quiz-progress-bar{background:rgba(255,255,255,.1);height:6px;border-radius:3px;overflow:hidden;margin-bottom:10px}.quiz-progress-fill{background:linear-gradient(90deg,#06b6d4,#10b981);height:100%;transition:width .6s ease;border-radius:3px}.quiz-progress-text{color:#9ca3af;font-size:.8rem;margin-bottom:10px;display:block}.quiz-timer{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:.8rem;justify-content:center;margin-top:8px}.quiz-question{margin-bottom:20px}.quiz-question h4{color:#fff;margin-bottom:16px;font-size:1.1rem;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:12px;color:#fff;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:12px}.quiz-option:hover{background:rgba(99,102,241,.2);transform:translateY(-1px)}.quiz-option.selected{background:rgba(16,185,129,.2);border-color:#10b981}.option-letter{background:rgba(99,102,241,.3);color:#06b6d4;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.quiz-option.selected .option-letter{background:#10b981;color:white}.option-text{flex:1;line-height:1.4}.quiz-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#9ca3af;text-align:center}.quiz-actions,.quiz-results-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.quiz-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:100px;display:flex;align-items:center;justify-content:center;gap:8px}.quiz-btn.primary{background:linear-gradient(135deg,#10b981,#06b6d4);color:white}.quiz-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(16,185,129,.4)}.quiz-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-btn.secondary{background:rgba(99,102,241,.2);color:#fff;border:1px solid rgba(99,102,241,.4)}.quiz-btn.secondary:hover:not(:disabled){background:rgba(99,102,241,.3);transform:translateY(-1px)}.quiz-results{text-align:center;padding:20px 0}.quiz-results-icon{font-size:4rem;margin-bottom:20px;animation:iconBounce .6s ease-out}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.quiz-results-title{color:#fff;font-size:1.5rem;margin-bottom:20px;font-weight:600}.quiz-score{margin-bottom:20px}.score-text{display:block;color:#9ca3af;font-size:1rem;margin-bottom:10px}.quiz-reward{background:linear-gradient(90deg,#10b981,#06b6d4);color:white;padding:10px 20px;border-radius:20px;font-weight:700;font-size:1rem;display:inline-block;box-shadow:0 4px 15px rgba(16,185,129,.4)}.quiz-results-message{color:#9ca3af;line-height:1.6;margin-bottom:20px;font-size:.9rem}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media (min-width:768px){.loading-spinner{width:20px;height:20px;border-width:3px}}@media (min-width:1024px){.loading-spinner{width:24px;height:24px;border-width:3px}}.hero{opacity:0;transform:translateY(20px);transition:all 1s cubic-bezier(.4,0,.2,1)}.hero.hero-loaded{opacity:1;transform:translateY(0)}.hero-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:1}.floating-element{position:absolute;border-radius:50%;opacity:.1;animation:float 8s ease-in-out infinite}.floating-crypto-1{width:40px;height:40px;background:linear-gradient(135deg,#f093fb,#f5576c);top:5%;left:5%;animation-delay:0s;z-index:1;opacity:.03;pointer-events:none}.floating-crypto-2{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);top:90%;right:5%;animation-delay:3s;z-index:1;opacity:.02;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-15px) rotate(180deg)}75%{transform:translateY(-25px) rotate(270deg)}}.hero-title-container{margin-bottom:2rem;text-align:center}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 20px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;gap:1rem;line-height:1.1}.hero-icon-wrapper{background:linear-gradient(135deg,#f093fb,#f5576c);padding:1.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(240,147,251,.3);animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 20px 40px rgba(240,147,251,.3)}50%{transform:scale(1.05);box-shadow:0 25px 50px rgba(240,147,251,.5)}}.hero-title-text{background:linear-gradient(135deg,#ffffff,#e5e7eb);-webkit-background-clip:text;background-clip:text}.hero-title-accent,.hero-title-text{-webkit-text-fill-color:transparent;color:transparent}.hero-title-accent{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text}.hero-title-underline{height:4px;width:200px;background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:2px;margin:0 auto;animation:expandLine 1.5s ease-out .5s both}@keyframes expandLine{0%{width:0;opacity:0}to{width:200px;opacity:1}}.hero-subtitle{font-size:1.8rem;margin-bottom:2.5rem;opacity:.95;font-weight:400;color:#e5e7eb;text-shadow:1px 1px 10px rgba(0,0,0,.5);animation:slideInUp 1s ease-out .7s both}.subtitle-highlight{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:700}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem;animation:fadeInScale 1s ease-out 1s both}.hero-stat{text-align:center;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem 2rem;transition:all .3s ease}.hero-stat:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:rgba(240,147,251,.3);box-shadow:0 10px 30px rgba(240,147,251,.2)}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:1px}.user-status-card{padding:1.5rem;margin:2rem 0;background:var(--glass-bg-dark);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-dark);border-radius:16px;font-size:14px;text-align:center;box-shadow:var(--glass-shadow-lg);animation:slideInUp 1s ease-out 1.2s both;transition:all .3s ease}.user-status-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.user-status-card.authenticated{background:rgba(240,147,251,.1);border-color:rgba(240,147,251,.4)}.user-status-card.unauthenticated{background:rgba(103,126,234,.1);border-color:rgba(103,126,234,.3)}.status-dot-animated{width:10px;height:10px;background:#f093fb;border-radius:50%;margin-right:.5rem;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.status-text{font-weight:600}.user-info{margin-top:.5rem}.prompt-title,.user-info{display:flex;align-items:center;justify-content:center;gap:.5rem}.prompt-title{color:#10b981}.auth-description{font-size:.875rem;margin:.75rem 0;line-height:1.4}.connect-account-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;font-size:.875rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px rgba(16,185,129,.3)}.connect-account-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}.hero-cta-container{text-align:center;margin-bottom:3rem;animation:slideInUp 1s ease-out 1.4s both}.cta-text{flex:1;text-align:center}.cta-arrow{transition:transform .3s ease}.hero-cta-button:hover .cta-arrow{transform:translateX(4px)}.auth-requirement{margin-top:1rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.8}.scroll-indicator{text-align:center;animation:fadeInBounce 1s ease-out 1.6s both;position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}.scroll-arrow{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;animation:bounce 2s ease-in-out infinite;transition:all .3s ease;cursor:pointer}.scroll-arrow:hover{background:rgba(240,147,251,.2);border-color:rgba(240,147,251,.4);transform:scale(1.1)}.scroll-text{font-size:.875rem;color:#94a3b8;font-weight:500}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInBounce{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.modules-section{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.4,0,.2,1)}.modules-section.section-visible{opacity:1;transform:translateY(0)}.modules-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.modules-header.header-visible{opacity:1;transform:translateY(0)}.modules-title{color:white;font-size:3.5rem;font-weight:800;margin-bottom:1rem;gap:1rem;text-shadow:2px 2px 20px rgba(0,0,0,.5)}.modules-title,.title-icon{display:flex;align-items:center;justify-content:center}.title-icon{background:linear-gradient(135deg,#f093fb,#f5576c);padding:1rem;border-radius:50%;box-shadow:0 15px 30px rgba(240,147,251,.3);animation:titleIconFloat 3s ease-in-out infinite}@keyframes titleIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.modules-subtitle{font-size:1.4rem;color:#94a3b8;margin-bottom:2rem;font-weight:400}.header-stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.header-stat{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1.5rem;color:#e5e7eb;font-weight:600;transition:all .3s ease}.header-stat:hover{background:rgba(240,147,251,.1);border-color:rgba(240,147,251,.3);transform:translateY(-2px)}.header-stat i{color:#f093fb;font-size:1.1rem}.modules-grid{margin-bottom:4rem}.module-card-wrapper{opacity:0;transform:translateY(30px) scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1)}.cards-animate .module-card-wrapper{opacity:1;transform:translateY(0) scale(1)}.module-card.dark-theme{background:var(--glass-bg-dark);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-dark);border-radius:20px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:380px;box-shadow:var(--glass-shadow-lg)}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#f97316);transform:scaleX(0);transition:transform .3s ease}.module-card:hover:before{transform:scaleX(1)}.module-card:hover{transform:translateY(-8px);border-color:rgba(245,158,11,.3);box-shadow:0 20px 60px rgba(245,158,11,.2),0 0 0 1px rgba(245,158,11,.1)}.module-card.locked{opacity:.7;cursor:not-allowed}.module-card.locked:hover{transform:translateY(-2px);border-color:rgba(148,163,184,.3);box-shadow:0 10px 30px rgba(0,0,0,.2)}.module-icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.module-icon{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:white;position:relative;transition:all .3s ease;box-shadow:0 10px 25px rgba(0,0,0,.2)}.module-card:hover .module-icon{transform:scale(1.05);box-shadow:0 15px 35px rgba(0,0,0,.3)}.module-icon:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.module-card:hover .module-icon:after{opacity:1}.empty-state{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:400px}.empty-content{text-align:center;max-width:500px;padding:3rem;background:var(--glass-bg-dark);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-dark);border-radius:20px;box-shadow:var(--glass-shadow-lg)}.empty-icon-container{position:relative;display:inline-block;margin-bottom:2rem}.empty-icon{font-size:4rem;color:#94a3b8;background:rgba(245,158,11,.1);padding:2rem;border-radius:50%;border:2px solid rgba(245,158,11,.2)}.empty-sparkle{position:absolute;width:8px;height:8px;background:#f59e0b;border-radius:50%;animation:sparkle 2s ease-in-out infinite}.empty-sparkle-1{top:10%;right:20%;animation-delay:0s}.empty-sparkle-2{bottom:15%;left:15%;animation-delay:.7s}.empty-sparkle-3{top:30%;left:5%;animation-delay:1.4s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.empty-content h3{color:#e5e7eb;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.empty-content p{color:#94a3b8;line-height:1.6;margin-bottom:2rem}.empty-actions{display:flex;justify-content:center}.notify-btn{background:linear-gradient(135deg,#f59e0b,#f97316);color:#0b1220;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px rgba(245,158,11,.3)}.notify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,158,11,.4)}.modules-progress{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1) .5s}.modules-progress.progress-visible{opacity:1;transform:translateY(0)}.progress-container{background:var(--glass-bg-dark);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-dark);border-radius:16px;padding:2rem;box-shadow:var(--glass-shadow-lg)}.progress-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.progress-header i{color:#f59e0b;font-size:1.2rem}.progress-title{color:#e5e7eb;font-size:1.1rem;font-weight:600}.progress-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.progress-text{color:#94a3b8;font-weight:500;font-size:.95rem}.progress-bar{flex:1;min-width:200px;height:12px}.progress-bar,.progress-fill{border-radius:6px;position:relative}.progress-fill{background:linear-gradient(90deg,#f59e0b,#f97316);transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-glow{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressGlow 2s ease-in-out infinite}@keyframes progressGlow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-percentage{color:#f59e0b;font-weight:700;font-size:1.1rem;min-width:45px;text-align:right}.user-status-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.status-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;margin-right:8px}.status-text{color:#22c55e}.user-info{color:#94a3b8}.auth-prompt{margin-bottom:8px}.prompt-title{color:#f59e0b}.auth-description{color:#94a3b8;font-size:12px;margin-bottom:10px}.connect-account-btn{padding:8px 16px;background-color:#3b82f6;color:white;border:none;border-radius:6px;font-size:12px;cursor:pointer;font-weight:500;transition:background-color .2s}.connect-account-btn:hover{background-color:#2563eb}.auth-requirement{margin-top:15px;font-size:14px;color:#94a3b8;text-align:center}@media (max-width:768px){.hero-title{font-size:3rem;gap:.75rem}.hero-icon-wrapper{padding:1rem}.hero-subtitle{font-size:1.4rem;margin-bottom:2rem}.hero-stats{gap:1.5rem;flex-wrap:wrap;justify-content:center}.missions-container{grid-template-columns:1fr!important;gap:16px!important}.mission-card{padding:16px!important;min-height:auto!important}.mission-header{gap:10px!important}.mission-icon{width:40px!important;height:40px!important;font-size:1rem!important}.hero-stat{padding:1rem 1.5rem;min-width:100px}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}.user-status-card{margin:1.5rem 0;padding:1.25rem}.hero-cta-button{padding:1rem 2rem;font-size:1.1rem;gap:.75rem}.cta-text{font-size:1rem}.scroll-indicator{bottom:1rem}.floating-crypto-1,.floating-crypto-2{opacity:.05}.floating-crypto-1{width:40px;height:40px}.floating-crypto-2{width:50px;height:50px}.modules-title{font-size:2.5rem;flex-direction:column;gap:.75rem}.title-icon{padding:.75rem}.modules-subtitle{font-size:1.2rem}.header-stats{gap:1rem;flex-direction:column;align-items:center}.header-stat{padding:.5rem 1rem;font-size:.9rem;width:100%;max-width:200px;justify-content:center}.module-card{min-height:320px;padding:1.5rem}.module-icon{width:70px;height:70px;font-size:2rem}.progress-container{padding:1.5rem}.progress-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.progress-info{flex-direction:column;gap:.75rem;text-align:center}.progress-bar{min-width:auto;width:100%}.empty-content{padding:2rem 1.5rem}.empty-icon{font-size:3rem;padding:1.5rem}.modules-grid{gap:20px}.module-card{padding:30px 20px}.hero h1{font-size:2.5rem}.hero .subtitle{font-size:1.2rem}.cta-button{padding:15px 30px;font-size:1.1rem}.course-title{font-size:2.5rem}.course-subtitle{font-size:1.2rem}.section-card{padding:25px 20px}.section-title{font-size:1.6rem}.tips-grid{grid-template-columns:1fr;gap:20px}.step{padding:20px}.step-header{flex-direction:column;gap:15px;text-align:center}.section-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.section-tabs .nav-btn{flex-shrink:0}.available-course-info{flex-direction:column;gap:.5rem;align-items:stretch}.course-action-hint{text-align:center}.exam-section{padding:25px 20px}.exam-title{font-size:1.6rem}.exam-description{font-size:1rem}.start-exam-btn{padding:12px 24px;font-size:1rem}.quiz-modal{width:95%;margin:10px}.quiz-header h3{font-size:16px}.quiz-question h4{font-size:1rem}.quiz-option{padding:10px;font-size:.9rem}.quiz-actions,.quiz-results-actions{flex-direction:column}.quiz-btn{width:100%;justify-content:center}.completed-actions{flex-direction:column;align-items:center}.completed-actions .nav-btn{width:100%;max-width:280px;justify-content:center}.back-to-top,.go-to-exam{bottom:20px;right:20px;width:45px;height:45px;font-size:1.3rem}.go-to-exam{bottom:80px}.empty-content,.error-content{padding:1.5rem}.modules-grid{grid-template-columns:1fr;gap:1.5rem}.skeleton-stats{flex-direction:column}.skeleton-course-meta{flex-direction:column;gap:8px}.loading-skeleton-card,.loading-skeleton-course,.loading-skeleton-portal{padding:16px}}.theme-modern{min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(88,28,135,.22),transparent 60%),radial-gradient(1200px 600px at 110% 10%,rgba(7,89,133,.22),transparent 55%),#0b1220}.theme-modern .course-title,.theme-modern .empty-content h3,.theme-modern .error-content h3,.theme-modern .modules-title,.theme-modern .quiz-header h3,.theme-modern .quiz-question h4,.theme-modern .section-title{color:#e5e7eb}.theme-modern .completed-message,.theme-modern .empty-content p,.theme-modern .error-content p,.theme-modern .exam-description,.theme-modern .quiz-progress-text,.theme-modern .section-content{color:#94a3b8}.theme-modern .exam-section,.theme-modern .loading-skeleton-card,.theme-modern .loading-skeleton-course,.theme-modern .loading-skeleton-portal,.theme-modern .section-card{background:rgba(17,24,39,.85);border:1px solid rgba(148,163,184,.16);box-shadow:0 8px 24px rgba(2,6,23,.45)}.theme-modern .module-card{background:rgba(17,24,39,.85);border:1px solid rgba(148,163,184,.16)}.theme-modern .module-title{color:#e5e7eb}.theme-modern .metadata-label,.theme-modern .module-description{color:#94a3b8}.theme-modern .metadata-value{color:#e5e7eb}.theme-modern .back-to-top,.theme-modern .course-badge,.theme-modern .cta-button,.theme-modern .go-to-exam,.theme-modern .progress-fill,.theme-modern .quiz-btn.primary,.theme-modern .quiz-reward,.theme-modern .start-exam-btn{background:linear-gradient(135deg,#f59e0b,#f97316)!important;color:#0b1220;border-color:transparent}.theme-modern .quiz-option.selected .option-letter{background:#f59e0b}.theme-modern .completed-actions .nav-btn,.theme-modern .quiz-btn.secondary,.theme-modern .retry-btn{background:rgba(30,41,59,.7);color:#e5e7eb;border:1px solid rgba(148,163,184,.16)}.theme-modern .completed-actions .nav-btn.active{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:transparent;color:#0b1220}.theme-modern .quiz-modal{background:rgba(17,24,39,.92);border:1px solid rgba(148,163,184,.16)}.theme-modern .status-available{background:rgba(34,197,94,.18);color:#22c55e}.theme-modern .status-completed{background:rgba(59,130,246,.18);color:#60a5fa}.theme-modern .status-locked{background:rgba(245,158,11,.18);color:#f59e0b}.theme-modern .timer-badge{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.theme-modern input,.theme-modern select,.theme-modern textarea{background:rgba(17,24,39,.85);border:1px solid rgba(148,163,184,.16);color:#e5e7eb}@media (max-width:768px){.theme-modern{background:radial-gradient(900px 450px at 10% -10%,rgba(88,28,135,.16),transparent 60%),radial-gradient(900px 450px at 110% 10%,rgba(7,89,133,.16),transparent 55%),#0b1220}}.user-dashboard{padding:40px 0!important}.profile-section{margin-bottom:60px!important}.profile-card{background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:30px;padding:40px;box-shadow:var(--glass-shadow-md)}.profile-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:30px!important;flex-wrap:wrap!important;gap:20px!important}.profile-avatar{font-size:4rem!important;color:#667eea!important;margin-right:20px!important}.profile-info{flex:1!important}.profile-info h1{font-size:2.5rem!important;font-weight:700!important;color:#2d3748!important;margin-bottom:10px!important}.user-level{display:flex!important;align-items:center!important;gap:15px!important;flex-wrap:wrap!important}.level-badge{background:linear-gradient(135deg,#f093fb,#f5576c)!important;color:white!important;padding:8px 20px!important;border-radius:20px!important}.level-badge,.level-number{font-weight:600!important;font-size:1.1rem!important}.level-number{color:#6b7280!important}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:white!important;border:none!important;padding:12px 25px!important;border-radius:20px!important;cursor:pointer!important;transition:all .3s ease!important}.logout-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(239,68,68,.3)!important}.xp-section{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:20px!important;padding:30px!important;color:white!important}.xp-info{display:flex!important;justify-content:space-between!important;margin-bottom:20px!important;flex-wrap:wrap!important;gap:20px!important}.xp-current,.xp-next{text-align:center!important}.xp-label{font-size:.9rem!important;opacity:.8!important;margin-bottom:5px!important}.xp-label,.xp-value{display:block!important}.xp-value{font-size:2rem!important;font-weight:700!important}.xp-bar{background:rgba(255,255,255,.2)!important;height:20px!important;margin-bottom:10px!important;overflow:hidden!important}.xp-bar,.xp-progress{border-radius:10px!important}.xp-progress{background:linear-gradient(135deg,#f093fb,#f5576c)!important;height:100%!important;transition:width .5s ease!important}.xp-percentage{text-align:center!important;font-weight:600!important;opacity:.9!important}.courses-section{margin-bottom:60px!important}.section-title{font-size:2.5rem!important;font-weight:800!important;color:white!important;text-align:center!important;margin-bottom:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important}.courses-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:30px!important}.course-progress-card{background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:20px;padding:30px;text-align:center;transition:all .4s ease;cursor:pointer;box-shadow:var(--glass-shadow-md)}.course-progress-card:hover{transform:translateY(-5px)!important;box-shadow:0 15px 30px rgba(0,0,0,.2)!important}.course-progress-card h3{font-size:1.3rem!important;font-weight:700!important;color:#2d3748!important;margin:20px 0 15px!important}.course-status{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:15px!important}.status-badge{padding:6px 15px!important;border-radius:15px!important;font-weight:600!important;font-size:.9rem!important}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;color:#d97706!important}.status-badge.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;color:#16a34a!important}.status-badge.locked{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;color:#6b7280!important}.course-progress-bar{background:#e5e7eb!important;border-radius:10px!important;height:8px!important;overflow:hidden!important}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:10px!important;transition:width .5s ease!important}.missions-section{margin-bottom:60px!important}.missions-tabs{display:flex!important;justify-content:center!important;gap:10px!important;margin-bottom:40px!important;flex-wrap:wrap!important}.mission-tab{background:rgba(255,255,255,.2)!important;color:white!important;border:none!important;padding:12px 25px!important;border-radius:25px!important;cursor:pointer!important;transition:all .3s ease!important;font-weight:600!important}.mission-tab:hover{background:rgba(255,255,255,.3)!important}.mission-tab.active{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.missions-container{display:none!important;grid-template-columns:repeat(auto-fit,minmax(280px,320px))!important;gap:20px!important;justify-content:center!important}.missions-container.active{display:grid!important}.mission-card{background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:15px;transition:all .3s ease;box-shadow:var(--glass-shadow-sm);min-height:200px;justify-content:space-between}.mission-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important}.mission-card .mission-header{gap:12px!important}.mission-card .mission-header,.mission-icon{display:flex!important;align-items:center!important}.mission-icon{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:white!important;width:48px!important;height:48px!important;border-radius:12px!important;justify-content:center!important;font-size:1.2rem!important;flex-shrink:0!important}.mission-info{flex:1!important;text-align:left!important}.mission-info h3{font-size:1rem!important;font-weight:600!important;color:#1f2937!important;margin:0 0 4px!important;line-height:1.2!important}.mission-info p{font-size:.875rem!important;margin:0!important;line-height:1.3!important}.mission-reward{font-size:.875rem!important;color:#3b82f6!important;font-weight:600!important;margin-top:8px!important}.mission-info h3{font-size:1.2rem!important;font-weight:700!important;color:#2d3748!important;margin-bottom:5px!important}.mission-info p{color:#6b7280!important;margin-bottom:8px!important;font-size:.95rem!important}.mission-reward{color:#667eea!important;font-weight:700!important;font-size:.9rem!important}.mission-status{flex-shrink:0!important;width:100%!important;margin-top:auto!important}.claim-btn,.start-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:white!important;border:none!important;padding:12px 20px!important;border-radius:8px!important;font-weight:600!important;font-size:.875rem!important;cursor:pointer!important;transition:all .3s ease!important;width:100%!important}.claim-btn:hover,.start-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(16,185,129,.3)!important}.claim-btn.special{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.status-text{font-weight:600!important;color:#6b7280!important;text-align:center!important;padding:8px!important;font-size:.875rem!important}.status-text.completed{background:rgba(16,185,129,.1)!important;border-radius:8px!important}.mission-progress{text-align:center!important}.progress-bar{background:rgba(107,114,128,.2)!important;border-radius:6px!important;height:8px!important;margin-bottom:8px!important}.progress-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;height:100%!important;border-radius:6px!important;transition:width .3s ease!important}.progress-text{font-size:.75rem!important;font-weight:500!important}.status-text.completed{color:#10b981!important}.mission-progress{display:flex!important;align-items:center!important;gap:10px!important}.progress-bar{background:#e5e7eb!important;border-radius:10px!important;height:6px!important;width:80px!important;overflow:hidden!important}.progress-text{font-size:.8rem!important;color:#6b7280!important;font-weight:600!important;white-space:nowrap!important}.achievements-section{margin-bottom:60px!important}.achievements-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:25px!important}.achievement-card{background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:20px;padding:25px;text-align:center;transition:all .3s ease;box-shadow:var(--glass-shadow-sm)}.achievement-card.unlocked{background:rgba(220,252,231,.95)!important;border:2px solid #10b981!important}.achievement-card.locked{opacity:.6!important;background:rgba(243,244,246,.95)!important}.achievement-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important}.achievement-icon{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:white!important;width:80px!important;height:80px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:2rem!important;margin:0 auto 20px!important}.achievement-card.unlocked .achievement-icon{background:linear-gradient(135deg,#10b981,#059669)!important}.achievement-card.locked .achievement-icon{background:#9ca3af!important}.achievement-info h3{font-size:1.3rem!important;font-weight:700!important;color:#2d3748!important;margin-bottom:8px!important}.achievement-info p{color:#6b7280!important;margin-bottom:12px!important;font-size:.95rem!important}.achievement-reward{color:#f59e0b!important;font-weight:700!important;font-size:.9rem!important}.leaderboard-section{margin-bottom:60px!important}.leaderboard-card{background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:20px;padding:30px;box-shadow:var(--glass-shadow-md)}.leaderboard-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:25px!important;flex-wrap:wrap!important;gap:20px!important}.leaderboard-header h3{font-size:1.8rem!important;font-weight:700!important;color:#2d3748!important}.leaderboard-filters{display:flex!important;gap:10px!important}.filter-btn{background:rgba(255,255,255,.5)!important;border:2px solid rgba(255,255,255,.3)!important;color:#6b7280!important;padding:8px 16px!important;border-radius:15px!important;cursor:pointer!important;transition:all .3s ease!important;font-weight:600!important}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:white!important;border-color:transparent!important}.leaderboard-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:15px 0!important;border-bottom:1px solid rgba(0,0,0,.1)!important}.leaderboard-row:last-child{border-bottom:none!important}.leaderboard-rank{font-weight:700!important;color:#667eea!important;min-width:40px!important}.leaderboard-user{flex:1!important;display:flex!important;align-items:center!important;color:#2d3748!important;font-weight:600!important}.leaderboard-xp{color:#f59e0b!important;font-weight:700!important}.guest-welcome{padding:60px 0!important;text-align:center!important}.welcome-card{background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:30px;padding:60px 40px;max-width:1000px;margin:0 auto;box-shadow:var(--glass-shadow-lg)}.welcome-icon{font-size:4rem!important;color:#667eea!important;margin-bottom:30px!important}.welcome-card h1{font-size:3rem!important;font-weight:700!important;color:#2d3748!important;margin-bottom:20px!important}.welcome-description{font-size:1.2rem!important;color:#2d3748!important;margin-bottom:2rem!important;line-height:1.6!important;max-width:800px!important;margin-left:auto!important;margin-right:auto!important}.welcome-cta{margin-bottom:3rem!important;display:flex!important;justify-content:center!important}.cta-button,.welcome-cta{align-items:center!important}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:white!important;border:none!important;padding:18px 36px!important;border-radius:25px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:inline-flex!important;gap:10px!important}.cta-button:hover{transform:translateY(-3px)!important;box-shadow:0 15px 35px rgba(102,126,234,.4)!important}.features-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:30px!important;margin-bottom:3rem!important}.feature-card{background:rgba(255,255,255,.3)!important;border-radius:20px!important;padding:30px 20px!important;transition:all .3s ease!important}.feature-card:hover{transform:translateY(-5px)!important;background:rgba(255,255,255,.4)!important}.feature-icon{font-size:2.5rem!important;color:#667eea!important;margin-bottom:15px!important}.feature-card h3{font-size:1.3rem!important;font-weight:700!important;color:#2d3748!important;margin-bottom:10px!important}.feature-card p{color:#6b7280!important;font-size:.95rem!important}.welcome-actions{margin-top:2rem!important}.secondary-btn{background:rgba(255,255,255,.2)!important;color:#2d3748!important;border:2px solid rgba(255,255,255,.3)!important;padding:12px 24px!important;border-radius:20px!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:600!important;transition:all .3s ease!important}.secondary-btn:hover{background:rgba(255,255,255,.3)!important;transform:translateY(-2px)!important}.error-banner{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;margin:16px;color:#ef4444;text-align:center;font-size:14px;animation:slideInDown .3s ease}.loading-state{text-align:center;padding:40px;color:#94a3b8;animation:fadeIn .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;margin:2rem auto;max-width:600px}@media (min-width:768px){.loading-state{padding:60px;min-height:250px;margin:3rem auto;max-width:700px}}@media (min-width:1024px){.loading-state{padding:80px;min-height:300px;margin:4rem auto;max-width:800px}}.error-state{text-align:center;padding:40px;color:#ef4444;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;margin:2rem auto;max-width:600px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:15px}@media (min-width:768px){.error-state{padding:60px;min-height:250px;margin:3rem auto;max-width:700px}}@media (min-width:1024px){.error-state{padding:80px;min-height:300px;margin:4rem auto;max-width:800px}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.academia-touch-target,.claim-btn,.clickable,.course-progress-card,.cta-button,.filter-btn,.logout-btn,.mission-tab,.module-card,.secondary-btn,.start-btn,[role=button]{min-height:44px!important;min-width:44px!important;touch-action:manipulation!important}.academia-flex-center,.claim-btn,.cta-button,.filter-btn,.logout-btn,.mission-tab,.secondary-btn,.start-btn{display:flex!important;align-items:center!important;justify-content:center!important}.academia-focusable:focus,.academia-focusable:focus-visible,.claim-btn:focus,.claim-btn:focus-visible,.clickable:focus,.clickable:focus-visible,.course-progress-card:focus,.course-progress-card:focus-visible,.cta-button:focus,.cta-button:focus-visible,.filter-btn:focus,.filter-btn:focus-visible,.logout-btn:focus,.logout-btn:focus-visible,.mission-tab:focus,.mission-tab:focus-visible,.module-card:focus,.module-card:focus-visible,.secondary-btn:focus,.secondary-btn:focus-visible,.start-btn:focus,.start-btn:focus-visible,[role=button]:focus,[role=button]:focus-visible{outline:3px solid #06b6d4!important;outline-offset:2px!important;box-shadow:0 0 0 3px rgba(6,182,212,.4)!important;z-index:999!important}.leaderboard-filters,.missions-tabs{gap:12px!important}.quiz-actions,.results-actions{gap:16px!important}@media (max-width:767px){.academia-touch-target,.claim-btn,.clickable,.course-progress-card,.cta-button,.filter-btn,.logout-btn,.mission-tab,.module-card,.secondary-btn,.start-btn,[role=button]{min-height:48px!important;min-width:48px!important;padding:12px 16px!important}.breadcrumb-link,.quiz-option{min-height:48px!important;padding:12px 16px!important}.leaderboard-filters,.missions-tabs{flex-direction:column!important;gap:8px!important}.filter-btn,.mission-tab{width:100%!important;text-align:center!important}}@media (prefers-contrast:high){.academia-focusable:focus,.claim-btn:focus,.clickable:focus,.course-progress-card:focus,.cta-button:focus,.filter-btn:focus,.logout-btn:focus,.mission-tab:focus,.module-card:focus,.secondary-btn:focus,.start-btn:focus,[role=button]:focus{outline:4px solid #ffffff!important;outline-offset:2px!important;box-shadow:0 0 0 2px #000000,0 0 0 6px #ffffff!important}}@media (prefers-reduced-motion:reduce){.academia-animated,.claim-btn,.clickable,.course-progress-card,.cta-button,.filter-btn,.logout-btn,.mission-tab,.module-card,.secondary-btn,.start-btn,[role=button]{transition:none!important;animation:none!important}}.auth-transition-container{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:2rem;width:100%;box-sizing:border-box}@media (min-width:768px){.auth-transition-container{min-height:80vh;padding:3rem}}@media (min-width:1024px){.auth-transition-container{min-height:85vh;padding:4rem}}.auth-checking-state{text-align:center;padding:3rem;background:rgba(30,30,30,.8);border-radius:20px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);animation:fadeInScale .5s ease-out;width:100%;max-width:500px;margin:0 auto}@media (min-width:768px){.auth-checking-state{padding:4rem;max-width:600px}}@media (min-width:1024px){.auth-checking-state{padding:5rem;max-width:700px}}.portal-loading-state{width:100%;max-width:800px;text-align:center;margin:0 auto;padding:2rem;box-sizing:border-box}@media (min-width:768px){.portal-loading-state{max-width:900px;padding:3rem}}@media (min-width:1024px){.portal-loading-state{max-width:1000px;padding:4rem}}.loading-header{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (min-width:768px){.loading-header{margin-bottom:4rem}}@media (min-width:1024px){.loading-header{margin-bottom:5rem}}.portal-skeleton{margin:2rem 0;opacity:0;animation:fadeIn .8s ease-out .3s forwards}.skeleton-profile-section{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;background:rgba(45,45,45,.5);border-radius:15px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:600px;margin-left:auto;margin-right:auto}@media (min-width:768px){.skeleton-profile-section{max-width:700px;padding:3rem;gap:2rem}}@media (min-width:1024px){.skeleton-profile-section{max-width:800px;padding:4rem;gap:2.5rem}}.skeleton-avatar-large{width:80px;height:80px;border-radius:50%}.skeleton-avatar-large,.skeleton-name{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 2s linear infinite}.skeleton-name{height:24px;width:200px;border-radius:8px}.skeleton-level{height:16px;width:120px;border-radius:6px}.skeleton-level,.skeleton-xp-bar{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 2s linear infinite}.skeleton-xp-bar{height:12px;border-radius:10px;margin:2rem 0}.skeleton-courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem auto;width:100%;max-width:1200px;justify-items:center;align-items:start}@media (min-width:768px){.skeleton-courses-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem auto}}@media (min-width:1024px){.skeleton-courses-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin:4rem auto;max-width:1400px}}.skeleton-course-card{padding:1.5rem;background:rgba(45,45,45,.3);border-radius:12px;border:1px solid rgba(255,255,255,.05);width:100%;max-width:350px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}@media (min-width:768px){.skeleton-course-card{padding:2rem;max-width:400px}}@media (min-width:1024px){.skeleton-course-card{padding:2.5rem;max-width:450px}}.skeleton-course-icon{width:60px;height:60px;border-radius:50%;margin:0 auto 1rem;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 2s linear infinite}.loading-progress{margin-top:3rem}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;animation:progressFill 3s ease-out infinite}.error-state-enhanced{text-align:center;padding:3rem;background:rgba(30,30,30,.9);border-radius:20px;border:1px solid rgba(239,68,68,.3);backdrop-filter:blur(10px);animation:fadeInScale .5s ease-out}.error-icon{margin-bottom:1.5rem}.error-details{max-width:500px;margin:0 auto}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.welcome-card-enhanced{background:rgba(30,30,30,.9);border-radius:25px;padding:3rem;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);animation:fadeInScale .6s ease-out}.welcome-header{text-align:center;margin-bottom:3rem}.welcome-cta-enhanced{text-align:center;margin:2rem 0}.auth-loading-state{text-align:center;animation:fadeIn .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem auto;max-width:400px}.hero-cta-skeleton{width:200px;height:60px;margin:0 auto 1rem;border-radius:15px}@media (min-width:768px){.auth-loading-state{max-width:500px;margin:3rem auto}.hero-cta-skeleton{width:250px;height:70px}}@media (min-width:1024px){.auth-loading-state{max-width:600px;margin:4rem auto}.hero-cta-skeleton{width:300px;height:80px}}.auth-status-text{color:#94a3b8;font-size:.875rem;margin-top:1rem}.auth-error-state{text-align:center;animation:fadeIn .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem auto;max-width:500px;padding:2rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:15px}@media (min-width:768px){.auth-error-state{max-width:600px;margin:3rem auto;padding:3rem}}@media (min-width:1024px){.auth-error-state{max-width:700px;margin:4rem auto;padding:4rem}}.error-message{margin-bottom:1.5rem;justify-content:center;flex-wrap:wrap}.error-message,.retry-button{color:#ef4444;display:flex;align-items:center;gap:.5rem}.retry-button{background:transparent;border:1px solid #ef4444;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;margin:0 auto}.retry-button:hover{background:#ef4444;color:white}.hero-cta-button.loading{opacity:.8;cursor:not-allowed;transform:scale(.98);display:flex;align-items:center;justify-content:center;min-height:60px}@media (min-width:768px){.hero-cta-button.loading{min-height:70px}}@media (min-width:1024px){.hero-cta-button.loading{min-height:80px}}.cta-icon.loading{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressFill{0%{width:0}50%{width:70%}to{width:100%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.auth-transition-container{padding:1rem;min-height:50vh}.portal-skeleton{margin:1rem 0}.skeleton-courses-grid{grid-template-columns:1fr}.error-actions{flex-direction:column;align-items:center}.auth-checking-state,.error-state-enhanced,.welcome-card-enhanced{padding:2rem}}@media (prefers-reduced-motion:reduce){.auth-checking-state,.auth-error-state,.auth-loading-state,.cta-icon.loading,.error-state-enhanced,.portal-loading-state,.progress-fill,.skeleton-avatar-large,.skeleton-course-icon,.skeleton-level,.skeleton-name,.skeleton-xp-bar,.welcome-card-enhanced{animation:none!important}}.loading-skeleton-wrapper{margin-bottom:1rem}.skeleton-text{height:16px;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-text.skeleton-title{height:20px;width:80%}.skeleton-text.skeleton-subtitle{height:14px;width:60%}.skeleton-text.skeleton-short{width:40%}.skeleton-text.skeleton-meta{height:12px;width:80px}.skeleton-text.skeleton-course-title{height:18px;width:90%;margin-bottom:.5rem}.skeleton-avatar{width:40px;border-radius:50%}.skeleton-avatar,.skeleton-button{height:40px;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 2s linear infinite}.skeleton-button{width:100px;border-radius:8px}.skeleton-badge{height:24px;width:80px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 2s linear infinite}.loading-skeleton-card{background:rgba(45,45,45,.3);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.05)}.skeleton-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skeleton-text-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-content{margin-bottom:1rem}.skeleton-footer{display:flex;justify-content:flex-end}.loading-skeleton-course{background:rgba(45,45,45,.3);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.05);text-align:center}.skeleton-course-meta{display:flex;justify-content:space-between;margin:1rem 0}.skeleton-course-status{display:flex;justify-content:center;margin-top:1rem}.loading-skeleton-portal{background:rgba(45,45,45,.3);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.05)}.skeleton-profile{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.skeleton-stat{height:60px;background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:8px}@media (max-width:768px){.skeleton-stats{grid-template-columns:1fr}.skeleton-profile{flex-direction:column;text-align:center;gap:1rem}.skeleton-course-meta{flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion:reduce){.skeleton-avatar,.skeleton-badge,.skeleton-button,.skeleton-stat,.skeleton-text{animation:none!important}}@media (min-width:768px){.academia-nav-btn,.navigation-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.navigation-button{min-height:44px!important;min-width:auto!important;padding:.5rem 1rem!important}.course-button-content{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}.academia-nav-btn span,.navigation-button span{display:inline-block!important;text-align:center!important;line-height:1.2!important}}@media (min-width:1024px){.navigation-button{min-height:40px!important;padding:.5rem 1rem!important}.navigation-button i{margin-right:.5rem!important}.navigation-button .course-number,.navigation-button .course-title-short{font-size:.75rem!important;line-height:1.2!important}}.loading-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:2rem!important;margin:2rem auto!important;max-width:600px!important;min-height:200px!important;width:100%!important;box-sizing:border-box!important}@media (min-width:768px){.loading-container{padding:3rem!important;margin:3rem auto!important;max-width:700px!important;min-height:250px!important}}@media (min-width:1024px){.loading-container{padding:4rem!important;margin:4rem auto!important;max-width:800px!important;min-height:300px!important}}.loading-spinner-sm{width:16px!important;height:16px!important;border:2px solid transparent!important;border-top-color:currentcolor!important;border-radius:50%!important}.loading-spinner-md,.loading-spinner-sm{animation:spin 1s linear infinite!important;margin:0 auto!important}.loading-spinner-md{width:24px!important;height:24px!important;border:3px solid transparent!important;border-top-color:currentcolor!important;border-radius:50%!important}.loading-spinner-lg{width:32px!important;height:32px!important;border:4px solid transparent!important;border-top-color:currentcolor!important;border-radius:50%!important;animation:spin 1s linear infinite!important;margin:0 auto!important}@media (min-width:768px){.loading-spinner-sm{width:20px!important;height:20px!important}.loading-spinner-md{width:28px!important;height:28px!important}.loading-spinner-lg{width:36px!important;height:36px!important}}@media (min-width:1024px){.loading-spinner-sm{width:24px!important;height:24px!important}.loading-spinner-md{width:32px!important;height:32px!important}.loading-spinner-lg{width:40px!important;height:40px!important}}.loading-text{color:#94a3b8!important;font-size:.875rem!important;margin-top:1rem!important;font-weight:500!important;animation:pulse 2s infinite!important}.loading-text-lg{font-size:1rem!important;margin-top:1.5rem!important}.loading-text-xl{font-size:1.125rem!important;margin-top:2rem!important}@media (min-width:768px){.loading-text{font-size:1rem!important}.loading-text-lg{font-size:1.125rem!important}.loading-text-xl{font-size:1.25rem!important}}@media (min-width:1024px){.loading-text{font-size:1.125rem!important}.loading-text-lg{font-size:1.25rem!important}.loading-text-xl{font-size:1.375rem!important}}.center-loading{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important}.center-loading-full,.center-loading-vertical{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important}.center-loading-full{min-height:60vh!important;padding:2rem!important}@media (min-width:768px){.center-loading-full{min-height:70vh!important;padding:3rem!important}}@media (min-width:1024px){.center-loading-full{min-height:80vh!important;padding:4rem!important}}.error-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:2rem!important;margin:2rem auto!important;max-width:600px!important;min-height:200px!important;background:rgba(239,68,68,.1)!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:15px!important;color:#ef4444!important}@media (min-width:768px){.error-container{padding:3rem!important;margin:3rem auto!important;max-width:700px!important;min-height:250px!important}}@media (min-width:1024px){.error-container{padding:4rem!important;margin:4rem auto!important;max-width:800px!important;min-height:300px!important}}.portal-page .error-state,.portal-page .loading-state{margin:2rem auto!important;max-width:800px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.hero .auth-error-state,.hero .auth-loading-state{margin:2rem auto!important;max-width:500px!important}.academia-layout .auth-checking-state,.academia-layout .auth-error-state,.academia-layout .auth-loading-state,.academia-layout .error-state,.academia-layout .loading-state,.academia-layout .portal-loading-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}@media (prefers-reduced-motion:reduce){.loading-spinner,.loading-spinner-lg,.loading-spinner-md,.loading-spinner-sm{animation:none!important;border:2px solid #94a3b8!important;border-top-color:transparent!important}.loading-text,.skeleton-avatar,.skeleton-badge,.skeleton-button,.skeleton-stat,.skeleton-text{animation:none!important}}@media (prefers-contrast:high){.error-container,.loading-text{color:#ffffff!important}.error-container{background:rgba(255,0,0,.2)!important;border:2px solid #ff0000!important}}@media (max-width:768px){.animated-bg{animation-duration:20s;background-size:300% 300%}.glass-hover:hover{transform:none;box-shadow:inherit}.module-card,.progress-container,.section-card{will-change:auto}}@media (min-resolution:120dpi){.glass-hover{transition-timing-function:cubic-bezier(.4,0,.2,1)}}.auth-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important;flex-wrap:wrap!important}@media (max-width:768px){.auth-actions{justify-content:center!important;margin-top:1rem!important}}.auth-required-badge{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.75rem!important;color:#f59e0b!important;background:rgba(245,158,11,.1)!important;padding:.25rem .5rem!important;border-radius:.5rem!important;border:1px solid rgba(245,158,11,.3)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;transition:all .3s ease!important}.auth-required-badge:hover{background:rgba(245,158,11,.2)!important;border-color:rgba(245,158,11,.5)!important}.auth-required-badge i{font-size:.75rem!important}.auth-required-badge span{white-space:nowrap!important;font-weight:500!important}@media (max-width:768px){.auth-required-badge{font-size:.7rem!important;padding:.2rem .4rem!important}.auth-required-badge span{display:none!important}.auth-required-badge i{font-size:1rem!important}}.mission-status .claim-btn,.mission-status .start-btn{min-width:120px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}@media (max-width:768px){.mission-status .claim-btn,.mission-status .start-btn{min-width:100px!important;font-size:.875rem!important}}.welcome-cta .cta-button{position:relative!important;overflow:hidden!important;min-height:60px!important;font-size:1.125rem!important;font-weight:700!important;text-shadow:none!important;border:2px solid transparent!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.welcome-cta .cta-button:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .6s ease!important}.welcome-cta .cta-button:hover:before{left:100%!important}@media (min-width:768px){.welcome-cta .cta-button{min-height:70px!important;font-size:1.25rem!important;padding:20px 40px!important}}@media (min-width:1024px){.welcome-cta .cta-button{min-height:80px!important;font-size:1.375rem!important;padding:24px 48px!important}}.user-auth-status{display:inline-flex!important;align-items:center!important;gap:.5rem!important;font-size:.75rem!important;font-weight:600!important;padding:.25rem .75rem!important;border-radius:1rem!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .3s ease!important}.user-auth-status.verified{background:rgba(16,185,129,.15)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important}.user-auth-status.demo{background:rgba(245,158,11,.15)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important}.profile-info{position:relative!important}.profile-info:after{content:""!important;position:absolute!important;bottom:-.5rem!important;left:0!important;right:0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)!important}.logout-btn{position:relative!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;border-radius:.75rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;min-height:40px!important;text-transform:none!important}.logout-btn,.logout-btn i{font-size:.875rem!important}.logout-btn i{transition:transform .3s ease!important}.logout-btn:hover i{transform:translateX(-2px)!important}@media (max-width:768px){.logout-btn{font-size:.8rem!important;padding:.4rem .8rem!important;min-height:36px!important}}.course-progress-card{position:relative!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.course-progress-card.locked:not(.auth-required){opacity:.6!important;cursor:not-allowed!important}.course-progress-card.auth-required{border:1px solid rgba(245,158,11,.3)!important;background:rgba(245,158,11,.05)!important}.course-progress-card.auth-required:before{content:"🔐"!important;position:absolute!important;top:.5rem!important;right:.5rem!important;font-size:1rem!important;opacity:.7!important}.course-progress-card.auth-required:hover{border-color:rgba(245,158,11,.5)!important;background:rgba(245,158,11,.1)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(245,158,11,.2)!important}.course-progress-card .course-action{display:flex!important;align-items:center!important;justify-content:center!important;min-height:2rem!important}.mission-card{position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mission-card.auth-required{border:1px solid rgba(245,158,11,.2)!important;background:rgba(245,158,11,.03)!important}.mission-card.auth-required:after{content:"Requiere autenticación"!important;position:absolute!important;top:.5rem!important;right:.5rem!important;font-size:.65rem!important;color:#f59e0b!important;background:rgba(245,158,11,.1)!important;padding:.15rem .4rem!important;border-radius:.25rem!important;border:1px solid rgba(245,158,11,.3)!important;font-weight:600!important}@media (max-width:768px){.mission-card.auth-required:after{display:none!important}}.welcome-card{position:relative!important;overflow:hidden!important}.welcome-card:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent)!important;transition:left 1s ease!important;pointer-events:none!important}.welcome-card:hover:before{left:100%!important}.auth-loading-indicator{display:inline-flex!important;align-items:center!important;gap:.5rem!important;color:#94a3b8!important;font-size:.875rem!important;font-weight:500!important}.auth-loading-indicator i{animation:spin 1s linear infinite!important}.auth-error-toast{background:rgba(239,68,68,.95)!important;border-radius:.75rem!important;border:1px solid rgba(239,68,68,.3)!important;box-shadow:0 10px 30px rgba(239,68,68,.3)!important}.auth-error-toast,.auth-success-toast{position:fixed!important;top:1rem!important;right:1rem!important;color:white!important;padding:1rem 1.5rem!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:9999!important;animation:slideInRight .3s ease-out!important;max-width:400px!important;word-wrap:break-word!important}.auth-success-toast{background:rgba(16,185,129,.95)!important;border-radius:.75rem!important;border:1px solid rgba(16,185,129,.3)!important;box-shadow:0 10px 30px rgba(16,185,129,.3)!important}@media (max-width:768px){.auth-error-toast,.auth-success-toast{top:auto!important;bottom:1rem!important;left:1rem!important;right:1rem!important;max-width:none!important;animation:slideInUp .3s ease-out!important}}.auth-component-glass{background:var(--glass-bg-dark)!important;backdrop-filter:blur(var(--blur-md))!important;-webkit-backdrop-filter:blur(var(--blur-md))!important;border:1px solid var(--glass-border-subtle)!important;box-shadow:var(--glass-shadow-md)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.auth-component-glass:hover{background:rgba(31,41,55,.9)!important;border-color:rgba(75,85,99,.5)!important;box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 20px rgba(59,130,246,.1)!important;transform:translate3d(0,-2px,0)!important}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes authPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.auth-success-animation{animation:authPulse 2s ease-in-out infinite!important}@media (prefers-reduced-motion:reduce){.auth-error-toast,.auth-loading-indicator i,.auth-success-animation,.auth-success-toast{animation:none!important}.cta-button:before,.welcome-card:before{transition:none!important}}@media (prefers-contrast:high){.auth-required-badge{background:rgba(255,255,0,.3)!important;border:2px solid #ffff00!important;color:#000000!important}.user-auth-status.verified{background:rgba(0,255,0,.3)!important;border:2px solid #00ff00!important;color:#000000!important}.user-auth-status.demo{background:rgba(255,255,0,.3)!important;border:2px solid #ffff00!important;color:#000000!important}}.auth-component-glass,.logout-btn,.mission-status .claim-btn,.mission-status .start-btn,.welcome-cta .cta-button{will-change:transform,box-shadow!important;transform:translateZ(0)!important}@media (max-width:768px){.auth-component-glass:hover{transform:none!important;box-shadow:inherit!important}.cta-button:before,.welcome-card:before{display:none!important}}.auth-transition-complete{will-change:auto!important}@media (max-width:1024px){.achievement-card,.course-progress-card,.leaderboard-card,.mission-card,.module-card:not(.locked):not(.loading),.profile-card,.progress-container,.section-card,.welcome-card{transform:translateZ(0)!important;will-change:transform,backdrop-filter!important;backface-visibility:hidden!important;contain:layout style paint!important}.auth-checking-state,.auth-error-state,.portal-loading-state{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;transform:translateZ(0)!important}[class*=backdrop-filter],[class*=glass-bg]{backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}.module-card,.profile-card,.section-card{transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1)!important}.celebration-reward-claim:before,.glass-mission-card.claimable:after{animation-duration:3s!important}}@media (max-width:768px){.achievement-card,.course-progress-card,.mission-card,.module-card:not(.locked):not(.loading),.profile-card,.section-card,.welcome-card{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.course-progress-card:hover,.mission-card:hover,.module-card:hover{transform:translate3d(0,-1px,0)!important}.glass-hover:hover{transform:none!important;box-shadow:inherit!important}.animated-bg{animation-duration:30s!important;background-size:200% 200%!important}.module-card:not(:hover):not(:focus):not(.animating),.section-card:not(:hover):not(:focus):not(.animating){will-change:auto!important}}@media (max-width:480px){.module-card:not(.locked):not(.loading),.profile-card,.progress-container,.section-card{backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}.celebration-reward-claim:before,.glass-mission-card.claimable:after,.welcome-card:before{display:none!important}.course-progress-card:active,.mission-card:active,.module-card:active{transform:translateZ(0) scale(.98)!important;transition-duration:80ms!important}}@media (prefers-reduced-motion:reduce){.animated-bg,.celebration-reward-claim:before,.glass-mission-card.claimable:after,[class*=celebration-],[class*=pulse],[class*=shimmer]{animation:none!important;transition:opacity .2s ease!important}.course-progress-card:hover,.mission-card:hover,.module-card:hover{transform:none!important}}.course-progress-card,.mission-card,.module-card,.profile-card,.section-card{isolation:isolate;transform-style:preserve-3d}.academia-bg,.theme-modern{scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}.performance-debug{outline:2px solid rgba(255,0,0,.3)!important}