.auth-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.auth-modal-content{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border-radius:20px;padding:40px;max-width:450px;width:90%;box-shadow:0 20px 60px #00000080;position:relative;animation:slideIn .3s ease;color:#fff}.auth-modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;font-size:24px;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.auth-modal-close:hover{background:#fff3;transform:rotate(90deg)}.auth-modal-title{font-size:28px;margin:0 0 10px;text-align:center;color:#fff}.auth-modal-subtitle{font-size:14px;opacity:.8;text-align:center;margin-bottom:30px;color:#fff}.auth-form-container{width:100%}.auth-form-group{margin-bottom:20px}.auth-form-label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#fff}.auth-form-input{width:100%;padding:12px 16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.auth-form-input:focus{outline:none;border-color:var(--accent-color);background:#ffffff26;box-shadow:0 0 0 3px #00d2ff1a}.auth-form-input::placeholder{color:#ffffff80}.auth-form-input:disabled{opacity:.6;cursor:not-allowed}.auth-form-hint{color:#fff9;font-size:12px;display:block;margin-top:4px}.auth-submit-button{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.auth-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00d2ff66}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;margin:25px 0;opacity:.5}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#fff}.auth-divider span{padding:0 15px;font-size:14px;color:#fff}.auth-switch-mode{text-align:center;margin-top:20px;font-size:14px;color:#fff}.auth-switch-link{color:var(--accent-color);cursor:pointer;text-decoration:none;font-weight:600;transition:all .3s ease}.auth-switch-link:hover{text-decoration:underline}.auth-notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:10px;color:#fff;font-weight:500;box-shadow:0 8px 20px #0000004d;z-index:10001;transform:translate(400px);opacity:0;transition:all .3s ease;max-width:350px}.auth-notification.show{transform:translate(0);opacity:1}.auth-notification-success{background:linear-gradient(135deg,#28a745,#20c997)}.auth-notification-error{background:linear-gradient(135deg,#dc3545,#c82333)}.auth-notification-info{background:linear-gradient(135deg,#17a2b8,#138496)}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.auth-modal-content{padding:30px 25px;width:95%;max-width:400px}.auth-modal-title{font-size:24px}.auth-modal-subtitle{font-size:13px}.auth-form-input{padding:10px 14px;font-size:16px}.auth-submit-button{padding:12px;font-size:16px}.auth-notification{top:10px;right:10px;left:10px;max-width:none;padding:14px 20px}}@media (max-width: 480px){.auth-modal-content{padding:25px 20px;width:98%}.auth-modal-title{font-size:22px}.auth-form-group{margin-bottom:18px}.auth-form-input{padding:12px}.auth-submit-button{padding:14px}}.custom-dropdown{position:relative;width:90%;min-width:0;z-index:99999}.dropdown-button{width:100%;padding:12px 40px;background:#1a1a1a;border:2px solid #666666;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;position:relative;min-width:0}.dropdown-button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dropdown-button:before{content:"📖";position:absolute;left:14px;font-size:16px}.dropdown-button:after{content:"▼";color:#666;font-size:12px;transition:transform .3s ease}.dropdown-button.open:after{transform:rotate(180deg)}.dropdown-button:hover{background:#252525;border-color:#00d2ff;box-shadow:0 4px 15px #00d2ff4d}.dropdown-button:hover:after{color:#00d2ff}.dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#1a1a1a;border:2px solid #666666;border-radius:10px;max-height:400px;overflow-y:auto;z-index:999999!important;display:none;box-shadow:0 8px 25px #00000080}.dropdown-menu.open-upward{top:auto;bottom:calc(100% + 5px);animation:dropdown-slide-up .3s ease-out}.dropdown-menu.open{display:block;animation:dropdown-slide-in .3s ease-out}.dropdown-item{padding:12px 16px 12px 40px;color:#fff;font-size:14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#252525;border-left:3px solid #00d2ff;padding-left:37px}.dropdown-item.loading{text-align:center;color:#fff9;font-style:italic;cursor:default}.dropdown-item.loading:hover{background:transparent;border-left:none;padding-left:40px}.dropdown-category{padding:8px 16px;color:#00d2ff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#00d2ff1a;border-bottom:1px solid rgba(0,210,255,.3);cursor:default}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb{background:#00d2ff;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ff6b35}@media (max-width: 768px){.dropdown-button{padding:10px 35px;font-size:13px}.dropdown-button:before{left:12px;font-size:14px}.dropdown-item{padding:10px 14px 10px 35px;font-size:13px}.dropdown-item:hover{padding-left:32px}.dropdown-category{padding:6px 14px;font-size:11px}}@media (max-width: 480px){.dropdown-button{padding:9px 32px;font-size:12px}.dropdown-button:before{left:10px;font-size:13px}.dropdown-item{padding:9px 12px 9px 32px;font-size:12px}.dropdown-item:hover{padding-left:29px}}.challenge-dropdown{position:relative;width:90%;min-width:0;z-index:99999}.challenge-button{width:100%;padding:12px 40px;background:#1a1a1a;border:2px solid #666666;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;position:relative;min-width:0}.challenge-button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.challenge-button:before{content:"✍️";position:absolute;left:14px;font-size:16px}.challenge-button:after{content:"▼";color:#666;font-size:12px;transition:transform .3s ease}.challenge-button.open:after{transform:rotate(180deg)}.challenge-button:hover{background:#252525;border-color:#ff6b35;box-shadow:0 4px 15px #ff6b354d}.challenge-button:hover:after{color:#ff6b35}.challenge-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#1a1a1a;border:2px solid #666666;border-radius:10px;max-height:400px;overflow-y:auto;z-index:999999!important;display:none;box-shadow:0 8px 25px #00000080}.challenge-menu.open-upward{top:auto;bottom:calc(100% + 5px);animation:dropdown-slide-up .3s ease-out}.challenge-menu.open{display:block;animation:dropdown-slide-in .3s ease-out}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.challenge-item{padding:12px 16px 12px 40px;color:#fff;font-size:14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-item:last-child{border-bottom:none}.challenge-item:hover{background:#252525;border-left:3px solid #FF6B35;padding-left:37px}.challenge-item.loading{text-align:center;color:#fff9;font-style:italic;cursor:default}.challenge-item.loading:hover{background:transparent;border-left:none;padding-left:40px}.challenge-category{padding:8px 16px;color:#ff6b35;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#ff6b351a;border-bottom:1px solid rgba(255,107,53,.3);cursor:default}.challenge-menu::-webkit-scrollbar{width:8px}.challenge-menu::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px}.challenge-menu::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:10px}.challenge-menu::-webkit-scrollbar-thumb:hover{background:#ff4500}@media (max-width: 768px){.challenge-button{padding:10px 35px;font-size:13px}.challenge-button:before{left:12px;font-size:14px}.challenge-item{padding:10px 14px 10px 35px;font-size:13px}.challenge-item:hover{padding-left:32px}.challenge-category{padding:6px 14px;font-size:11px}}@media (max-width: 480px){.challenge-button{padding:9px 32px;font-size:12px}.challenge-button:before{left:10px;font-size:13px}.challenge-item{padding:9px 12px 9px 32px;font-size:12px}.challenge-item:hover{padding-left:29px}}.learning-hub{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;overflow:visible;position:relative;z-index:1}.hub-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;transition:all .3s ease;min-width:0;overflow:visible;position:relative;z-index:1}.hub-section:hover{background:#ffffff0d;border-color:#00d2ff4d;box-shadow:0 4px 15px #00d2ff1a}.hub-section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.hub-section-title{font-size:16px;font-weight:700;color:#fff;flex:1;margin:0}.hub-section-icon{font-size:24px}.progress-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-label{font-size:12px;color:#ffffffb3}.progress-percentage{font-size:14px;font-weight:700;color:#00d2ff}.hub-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:15px}.hub-progress-fill{height:100%;background:linear-gradient(90deg,#00d2ff,#3a7bd5);border-radius:4px;transition:width .5s ease;position:relative}.hub-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.hub-section.challenges .hub-progress-fill,.hub-section.challenges .challenges-fill{background:linear-gradient(90deg,#ff6b35,#ff4500)}.hub-section.challenges .progress-percentage,.hub-section.challenges .challenges-progress{color:#ff6b35}.level-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px;background:#0003;border-radius:8px}.level-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px}.level-name{color:#fffc;display:flex;align-items:center;gap:6px}.level-count{color:#00d2ff;font-weight:600}.hub-section.challenges .level-count,.hub-section.challenges .challenges-count{color:#ff6b35}.level-mini-bar{width:60px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-left:8px}.level-mini-fill{height:100%;background:#00d2ff;border-radius:2px;transition:width .3s ease}.hub-section.challenges .level-mini-fill,.hub-section.challenges .challenges-mini-fill{background:#ff6b35}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1000px){.learning-hub{grid-template-columns:1fr}}@media (max-width: 768px){.hub-section{padding:12px}.hub-section-title{font-size:14px}.hub-section-icon{font-size:20px}.progress-stats{flex-direction:column;gap:5px;align-items:flex-start}.level-breakdown{padding:8px}.level-stat{font-size:11px}.level-mini-bar{width:50px;height:3px}}@media (max-width: 480px){.learning-hub{gap:15px;margin:15px 0}.hub-section{padding:10px}.hub-section-header{gap:8px;margin-bottom:10px}.hub-section-title{font-size:13px}.hub-section-icon{font-size:18px}.progress-percentage{font-size:13px}.level-breakdown{gap:4px;padding:6px}.level-stat{font-size:10px}.level-mini-bar{width:40px;height:3px}}.exam-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)!important;z-index:999999!important;overflow-y:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;animation:fadeIn .3s ease!important}.exam-container{width:95%;max-width:1200px;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);margin:0 auto;padding:0;display:flex;flex-direction:column;box-shadow:0 0 60px #00d2ff4d}.exam-header{background:linear-gradient(135deg,#2c3e50,#3a506b);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #00d2ff;position:sticky;top:0;z-index:100}.exam-title{display:flex;align-items:center;gap:16px}.exam-title h2{color:#fff;font-size:24px;margin:0;font-weight:700}.tier-badge{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tier-badge.tier-bronze{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff}.tier-badge.tier-silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#333}.tier-badge.tier-gold{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.exam-controls{display:flex;gap:24px;align-items:center}.exam-timer{font-size:32px;font-weight:800;color:#00d2ff;font-family:Courier New,monospace;min-width:120px;text-align:right}.exam-timer.timer-warning{color:#ffc107;animation:pulse 1s infinite}.exam-timer.timer-critical{color:#ff6b6b;animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.exam-progress-text{color:#fffc;font-size:16px;font-weight:600}.exam-progress-bar{width:100%;height:8px;background:#0000004d;position:relative;overflow:hidden}.exam-progress-fill{height:100%;background:linear-gradient(90deg,#00d2ff,#3a7bd5);transition:width .3s ease;position:relative}.exam-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.exam-body{flex:1;padding:48px 32px;overflow-y:auto;background:linear-gradient(180deg,#1a1a2ef2,#16213ef2)}.exam-question-container{max-width:900px;margin:0 auto;background:#ffffff08;padding:40px;border-radius:16px;border:1px solid rgba(0,210,255,.2)}.question-number{color:#00d2ff;font-size:18px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.question-text{color:#fff;font-size:20px;line-height:1.6;margin-bottom:32px;font-weight:500}.question-code{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:20px;margin:24px 0;overflow-x:auto}.question-code pre{margin:0;font-family:Courier New,monospace}.question-code code{color:#c9d1d9;font-size:14px;line-height:1.6}.question-options{display:flex;flex-direction:column;gap:16px}.exam-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px}.exam-option:hover{background:#00d2ff1a;border-color:#00d2ff;transform:translate(8px)}.exam-option.selected{background:#00d2ff33;border-color:#00d2ff;box-shadow:0 0 20px #00d2ff4d}.exam-option input[type=radio]{width:24px;height:24px;cursor:pointer;accent-color:#00d2ff}.exam-option label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;color:#fff;font-size:16px}.option-letter{background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.exam-option.selected .option-letter{background:linear-gradient(135deg,#0f8,#00d2ff);animation:bounce .3s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.option-text{flex:1;line-height:1.5}.exam-footer{background:linear-gradient(135deg,#2c3e50,#3a506b);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-top:3px solid #00d2ff;position:sticky;bottom:0;z-index:100}.exam-footer button{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00d2ff66}.btn-secondary{background:#ffffff1a;color:#fff}.btn-secondary:hover:not(:disabled){background:#fff3}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-warning{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b66}.btn-success{background:linear-gradient(135deg,#0f8,#00d2ff);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f86}.exam-results-container{width:100%;max-width:1000px;margin:40px auto;padding:40px}.exam-results-header{text-align:center;padding:48px;border-radius:20px;margin-bottom:40px}.exam-results-header.passed{background:linear-gradient(135deg,#0f8,#00d2ff)}.exam-results-header.failed{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.results-icon{font-size:80px;margin-bottom:20px}.exam-results-header h1{color:#fff;font-size:48px;margin:0 0 16px}.exam-results-header p{color:#fff;font-size:20px;margin:0}.exam-results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#ffffff0d;padding:24px;border-radius:12px;text-align:center;border:1px solid rgba(0,210,255,.2)}.stat-value{color:#00d2ff;font-size:36px;font-weight:800;margin-bottom:8px}.stat-label{color:#ffffffb3;font-size:14px;text-transform:uppercase;letter-spacing:1px}.exam-results-details{background:#ffffff08;padding:32px;border-radius:16px;margin-bottom:40px}.exam-results-details h3{color:#00d2ff;font-size:28px;margin:0 0 24px}.question-review{background:#ffffff0d;padding:24px;border-radius:12px;margin-bottom:20px;border-left:4px solid #00d2ff}.question-review.incorrect{border-left-color:#ff6b6b}.question-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-review-number{color:#00d2ff;font-weight:700}.question-review-status{padding:6px 12px;border-radius:6px;font-weight:600}.question-review.correct .question-review-status{background:#0f83;color:#0f8}.question-review.incorrect .question-review-status{background:#ff6b6b33;color:#ff6b6b}.question-review-text{color:#fff;font-size:16px;margin-bottom:16px}.question-review-answers{display:flex;flex-direction:column;gap:12px}.your-answer,.correct-answer,.explanation{padding:12px;border-radius:8px;font-size:14px;line-height:1.6}.your-answer{background:#00d2ff1a;color:#ffffffe6}.correct-answer{background:#00ff881a;color:#ffffffe6}.explanation{background:#ffffff0d;color:#fffc}.exam-results-actions{display:flex;gap:16px;justify-content:center}.exam-results-actions button{padding:16px 32px;font-size:18px}@media (max-width: 768px){.exam-container{width:100%}.exam-header{flex-direction:column;gap:16px}.exam-controls{flex-direction:column;gap:8px}.exam-timer{font-size:24px}.exam-question-container{padding:24px}.exam-footer{flex-wrap:wrap;gap:12px}.exam-footer button{flex:1 1 45%;min-width:120px}}.certification-tab-content{padding:20px;color:#fff}.cert-header{text-align:center;margin-bottom:32px}.cert-header h2{font-size:28px;margin-bottom:8px;background:linear-gradient(135deg,#ff6b35,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cert-header p{color:#ffffffb3;font-size:16px}.cert-user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.cert-stat-card{background:#ffffff0d;padding:20px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.cert-stat-card:hover{transform:translateY(-2px);border-color:#00d2ff;box-shadow:0 4px 12px #00d2ff33}.cert-stat-icon{font-size:32px}.cert-stat-content{display:flex;flex-direction:column}.cert-stat-value{font-size:24px;font-weight:700;color:#00d2ff}.cert-stat-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.cert-tiers-section{display:flex;flex-direction:column;gap:40px}.cert-tier-group{margin-bottom:24px}.cert-tier-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:20px;background:#ffffff0d;border-radius:12px;border-left:4px solid}.cert-tier-group[data-tier=bronze] .cert-tier-header{border-left-color:#cd7f32}.cert-tier-group[data-tier=silver] .cert-tier-header{border-left-color:silver}.cert-tier-group[data-tier=gold] .cert-tier-header{border-left-color:gold}.cert-tier-icon{font-size:48px}.cert-tier-info h3{font-size:24px;margin-bottom:4px}.cert-tier-info p{color:#ffffffb3;font-size:14px}.cert-exams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.cert-exam-card{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;display:flex;flex-direction:column}.cert-exam-card:hover:not(.locked){transform:translateY(-4px);border-color:#00d2ff;box-shadow:0 8px 24px #00d2ff33}.cert-exam-card.locked{opacity:.6;cursor:not-allowed}.cert-exam-card.passed{border-color:#0f8}.cert-exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cert-exam-icon{font-size:40px}.cert-exam-badges{display:flex;gap:8px}.cert-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.cert-badge-success{background:#0f83;color:#0f8}.cert-badge-locked{background:#ffffff1a;color:#fff9}.cert-exam-body{flex:1}.cert-exam-title{font-size:18px;margin-bottom:8px;color:#fff}.cert-exam-description{color:#ffffffb3;font-size:14px;margin-bottom:16px;line-height:1.5}.cert-exam-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.cert-stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3}.cert-best-score{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00d2ff1a;border-radius:8px;margin-bottom:12px;font-size:14px}.cert-score-value{font-size:18px;font-weight:700}.cert-score-value.pass{color:#0f8}.cert-score-value.fail{color:#ff6b6b}.cert-prerequisites{background:#ff6b351a;padding:12px;border-radius:8px;margin-top:12px}.cert-prereq-label{font-weight:600;color:#ffc107;display:block;margin-bottom:8px;font-size:13px}.cert-prereq-list{list-style:none;padding-left:12px;margin:0}.cert-prereq-list li{color:#ffffffb3;font-size:12px;padding:4px 0}.cert-prereq-list li:before{content:"→ ";color:#ff6b35}.cert-exam-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.cert-attempts{font-size:12px;color:#fff9}.cert-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;flex:1}.cert-btn-primary{background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff}.cert-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d2ff66}.cert-btn-disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.cert-loading,.cert-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.cert-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#00d2ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.cert-error-icon{font-size:60px;margin-bottom:16px}.cert-guest-message{text-align:center;padding:60px 20px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.cert-guest-icon{font-size:80px;margin-bottom:20px}.cert-guest-message h2{font-size:32px;margin-bottom:12px}.cert-guest-message p{color:#ffffffb3;font-size:16px;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cert-tier-showcase{display:flex;justify-content:center;gap:40px;margin-top:32px}.cert-tier-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.cert-tier-preview-icon{font-size:60px}.cert-tier-preview-name{font-size:18px;font-weight:600;color:#ffffffe6}@media (max-width: 768px){.cert-exams-grid{grid-template-columns:1fr}.cert-user-stats{grid-template-columns:repeat(2,1fr)}.cert-tier-header{flex-direction:column;text-align:center}.cert-tier-showcase{flex-direction:column;gap:24px}}@media (max-width: 480px){.cert-user-stats,.cert-exam-stats{grid-template-columns:1fr}}.smart-footer{position:fixed;bottom:0;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid rgba(0,210,255,.3);box-shadow:0 -10px 30px #00000080;z-index:1000;transition:transform .3s ease}.smart-footer.collapsed{transform:translateY(calc(100% - 50px))}.footer-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;background:#00d2ff1a}.footer-title{font-size:1.1em;font-weight:700;color:#00d2ff;display:flex;align-items:center;gap:10px}.context-indicator{font-size:.8em;color:#fff9;font-weight:400}.footer-toggle{font-size:1.2em;color:#00d2ff;transition:transform .3s ease}.footer-toggle.expanded{transform:rotate(180deg)}.footer-content{max-height:400px;overflow-y:auto;padding:20px 30px}.cheat-sheet-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.tab-button{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px 6px 0 0;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.9em;white-space:nowrap}.tab-button.active{background:#00d2ff1a;border-color:#00d2ff;color:#00d2ff}.tab-button:hover{background:#ffffff1a;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.cheat-search{width:100%;padding:10px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.9em;margin-bottom:15px}.cheat-search:focus{outline:none;border-color:#00d2ff;box-shadow:0 0 0 2px #00d2ff33}.cheat-search::placeholder{color:#ffffff80}.search-controls{margin-bottom:20px}.view-controls{display:flex;gap:10px;margin-top:10px}.view-toggle-btn{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.8em}.view-toggle-btn:hover{background:#ffffff1a;color:#fff}.view-toggle-btn.active{background:#00d2ff33;border-color:#00d2ff;color:#00d2ff}.functions-container{display:flex;flex-direction:column;gap:20px}.function-category{background:#ffffff05;border-radius:8px;padding:15px}.category-header{font-size:1em;font-weight:700;color:#00d2ff;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid rgba(0,210,255,.2)}.function-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.function-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;transition:all .2s ease}.function-item:hover{background:#ffffff14;border-color:#00d2ff4d}.function-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.function-name{font-weight:700;color:#00d2ff;font-size:.9em}.function-actions{display:flex;gap:4px}.pin-btn,.copy-btn,.insert-btn{padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.8em}.pin-btn:hover,.copy-btn:hover,.insert-btn:hover{background:#fff3;color:#fff}.pin-btn.pinned{background:#ffc10733;border-color:#ffc107;color:#ffc107}.insert-btn{background:#00d2ff33;border-color:#00d2ff;color:#00d2ff}.insert-btn:hover{background:#00d2ff4d}.function-description{font-size:.8em;color:#fffc;margin-bottom:8px;line-height:1.3}.function-signature{font-family:Courier New,monospace;font-size:.75em;color:#fff9;background:#0000004d;padding:6px 8px;border-radius:4px;word-break:break-all}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:15px}.pattern-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;transition:all .2s ease}.pattern-item:hover{background:#ffffff14;border-color:#00d2ff4d}.pattern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pattern-name{font-weight:700;color:#00d2ff;font-size:1em}.pattern-description{font-size:.9em;color:#fffc;margin-bottom:12px}.pattern-code{font-family:Courier New,monospace;font-size:.8em;color:#f8f8f2;background:#0006;padding:12px;border-radius:6px;overflow-x:auto;white-space:pre-wrap;margin:0}.maps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:15px}.map-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;transition:all .2s ease}.map-item:hover{background:#ffffff14;border-color:#00d2ff4d}.map-header{margin-bottom:10px}.map-name{font-weight:700;color:#00d2ff;font-size:1em;font-family:Courier New,monospace}.map-description{font-size:.9em;color:#fffc;margin-bottom:8px}.map-use-case{font-size:.85em;color:#ffffffb3;margin-bottom:12px}.map-example{font-family:Courier New,monospace;font-size:.75em;color:#f8f8f2;background:#0006;padding:10px;border-radius:6px;overflow-x:auto;white-space:pre-wrap;margin:0}.certification-container,.help-container,.tutorials-container,.community-container{padding:20px;text-align:center}.certification-container h3,.help-container h3,.tutorials-container h3,.community-container h3{color:#00d2ff;margin-bottom:15px}.help-section{text-align:left;margin-bottom:20px}.help-section h4{color:#00d2ff;margin-bottom:10px}.help-section ul{color:#fffc;line-height:1.6}.help-section kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.9em}.coming-soon{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-top:15px}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.footer-content::-webkit-scrollbar{width:6px}.footer-content::-webkit-scrollbar-track{background:#ffffff1a}.footer-content::-webkit-scrollbar-thumb{background:#00d2ff66;border-radius:3px}.footer-content::-webkit-scrollbar-thumb:hover{background:#00d2ff99}@media (max-width: 768px){.footer-content{padding:15px 20px;max-height:300px}.footer-header{padding:12px 20px}.cheat-sheet-tabs{gap:5px}.tab-button{padding:6px 12px;font-size:.8em}.function-grid,.patterns-grid,.maps-grid{grid-template-columns:1fr}.view-controls{flex-direction:column;gap:8px}.function-actions{flex-direction:column;gap:4px}.pattern-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.footer-header{padding:10px 15px}.footer-content{padding:12px 15px}.footer-title{font-size:1em}.cheat-sheet-tabs{flex-direction:column;gap:4px}.tab-button{padding:8px 12px;border-radius:6px;text-align:center}.function-item{padding:10px}.pattern-item,.map-item{padding:12px}}.email-verification-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.email-verification-container{max-width:500px;width:100%}.email-verification-header{text-align:center;margin-bottom:30px;color:#fff}.email-verification-header .logo{font-size:3em;margin-bottom:10px}.email-verification-header h1{font-size:2em;margin:0;font-weight:600}.verification-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 30px #0003;text-align:center}.verification-icon{font-size:4em;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.verification-title{font-size:1.8em;margin:0 0 15px;color:#2c3e50;font-weight:600}.verification-message{font-size:1.1em;color:#555;line-height:1.6;margin-bottom:30px}.verification-actions{margin-top:30px}.sign-in-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.sign-in-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.back-button{background:#95a5a6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1em;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#7f8c8d;transform:translateY(-1px)}.resend-verification{margin-top:30px;padding-top:30px;border-top:1px solid #eee}.resend-verification h3{color:#2c3e50;margin-bottom:20px;font-size:1.2em}.resend-verification .form-group{margin-bottom:15px}.resend-verification input{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:1em;transition:border-color .3s ease;box-sizing:border-box}.resend-verification input:focus{outline:none;border-color:#667eea}.resend-verification input:disabled{background-color:#f8f9fa;cursor:not-allowed}.resend-button{background:#3498db;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.resend-button:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.resend-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.verification-footer{text-align:center;margin-top:30px;color:#fffc}.verification-footer a{color:#fff;text-decoration:none;font-weight:600}.verification-footer a:hover{text-decoration:underline}@media (max-width: 768px){.email-verification-page{padding:10px}.verification-card{padding:30px 20px}.verification-icon{font-size:3em}.verification-title{font-size:1.5em}.verification-message{font-size:1em}}.badge-system-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.badge-system-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid #333}.badge-system-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(90deg,#ff6b35,#f7931e);color:#fff}.badge-system-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background:#fff3}.badge-system-tabs{display:flex;background:#2d2d2d;border-bottom:1px solid #444}.tab{flex:1;padding:15px 20px;background:none;border:none;color:#ccc;cursor:pointer;font-size:1rem;transition:all .3s ease;border-bottom:3px solid transparent}.tab:hover{background:#333;color:#fff}.tab.active{color:#ff6b35;border-bottom-color:#ff6b35;background:#333}.badge-system-content{padding:30px;max-height:60vh;overflow-y:auto;background:#1a1a1a}.loading{text-align:center;color:#ccc;padding:40px;font-size:1.1rem}.no-badges{text-align:center;padding:60px 20px;color:#ccc}.no-badges-icon{font-size:4rem;margin-bottom:20px}.no-badges h3{color:#fff;margin-bottom:10px;font-size:1.5rem}.no-badges p{font-size:1.1rem;opacity:.8}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.badge-card{background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border-radius:15px;padding:25px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.badge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4caf50,#2e7d32)}.badge-card.intermediate:before{background:linear-gradient(90deg,#ff9800,#f57c00)}.badge-card.advanced:before{background:linear-gradient(90deg,#9c27b0,#6a1b9a)}.badge-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff6b354d;border-color:#ff6b35}.badge-image{text-align:center;margin-bottom:20px}.badge-icon{width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 5px 15px #4caf5066}.badge-icon.intermediate{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 5px 15px #ff980066}.badge-icon.advanced{background:linear-gradient(135deg,#9c27b0,#6a1b9a);box-shadow:0 5px 15px #9c27b066}.badge-icon.large{width:100px;height:100px;font-size:2.5rem}.badge-info h3{color:#fff;margin:0 0 10px;font-size:1.3rem;text-align:center}.badge-date{color:#ccc;text-align:center;margin-bottom:20px;font-size:.9rem}.badge-actions{display:flex;gap:10px;justify-content:center}.share-button,.verify-button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:all .2s ease}.share-button{background:#ff6b35;color:#fff}.share-button:hover{background:#e55a2b;transform:translateY(-2px)}.verify-button{background:#333;color:#ccc}.verify-button:hover{background:#444;color:#fff;transform:translateY(-2px)}.progress-overview{color:#fff}.overall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:40px}.stat{text-align:center;background:#2d2d2d;padding:20px;border-radius:12px;border:1px solid #444}.stat-number{display:block;font-size:2rem;font-weight:700;color:#ff6b35;margin-bottom:5px}.stat-label{color:#ccc;font-size:.9rem}.level-progress{display:grid;gap:20px}.level-card{background:#2d2d2d;border-radius:12px;padding:25px;border-left:4px solid #4CAF50;transition:all .3s ease}.level-card.intermediate{border-left-color:#ff9800}.level-card.advanced{border-left-color:#9c27b0}.level-card.completed{background:linear-gradient(135deg,#2d2d2d,#1a4d1a);border-left-color:#4caf50;box-shadow:0 5px 15px #4caf5033}.level-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.level-header h3{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:10px}.completed-badge{font-size:1.2rem}.progress-bars{display:grid;gap:15px}.progress-item{display:grid;gap:8px}.progress-item span{color:#ccc;font-size:.9rem}.progress-bar{height:8px;background:#444;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:4px;transition:width .5s ease}.level-card.intermediate .progress-fill{background:linear-gradient(90deg,#ff9800,#f57c00)}.level-card.advanced .progress-fill{background:linear-gradient(90deg,#9c27b0,#6a1b9a)}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100}.share-modal{background:#1a1a1a;border-radius:15px;width:90%;max-width:500px;border:1px solid #333;overflow:hidden}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#2d2d2d;border-bottom:1px solid #444}.share-modal-header h3{margin:0;color:#fff;font-size:1.3rem}.share-modal-content{padding:30px}.share-preview{text-align:center;margin-bottom:30px}.badge-preview{display:inline-block}.badge-preview h4{color:#fff;margin:15px 0 0;font-size:1.2rem;text-transform:capitalize}.share-options h4{color:#fff;margin:0 0 15px;font-size:1.1rem}.social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:25px}.social-button{padding:12px 16px;border-radius:8px;text-decoration:none;text-align:center;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.social-button.linkedin{background:#0077b5;color:#fff}.social-button.twitter{background:#1da1f2;color:#fff}.social-button.facebook{background:#1877f2;color:#fff}.social-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.share-link{margin-bottom:20px}.link-input{display:flex;gap:10px}.link-input input{flex:1;padding:10px;border:1px solid #444;border-radius:6px;background:#2d2d2d;color:#fff;font-size:.9rem}.link-input button{padding:10px 16px;background:#ff6b35;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.link-input button:hover{background:#e55a2b}.credly-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ff6b35;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease}.credly-button:hover{background:#e55a2b;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.badge-system-modal{width:95%;max-height:95vh}.badge-system-header{padding:15px 20px}.badge-system-header h2{font-size:1.3rem}.badge-system-content{padding:20px}.badges-grid{grid-template-columns:1fr}.overall-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.social-buttons{grid-template-columns:1fr}.link-input{flex-direction:column}}.badge-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;transition:opacity .3s ease}.badge-notification-overlay.visible{opacity:1}.badge-notification{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:25px;width:90%;max-width:500px;position:relative;overflow:hidden;box-shadow:0 25px 80px #0009;border:2px solid transparent;transform:scale(.8) translateY(50px);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.badge-notification.animate-in{transform:scale(1) translateY(0);opacity:1}.badge-notification.animate-out{transform:scale(.8) translateY(-50px);opacity:0}.badge-notification.beginner{border-color:#4caf50;box-shadow:0 25px 80px #4caf504d}.badge-notification.intermediate{border-color:#ff9800;box-shadow:0 25px 80px #ff98004d}.badge-notification.advanced{border-color:#9c27b0;box-shadow:0 25px 80px #9c27b04d}.celebration-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,#FFD700 2px,transparent 2px),radial-gradient(circle at 80% 20%,#FF6B35 2px,transparent 2px),radial-gradient(circle at 40% 40%,#4CAF50 2px,transparent 2px);background-size:50px 50px,60px 60px,40px 40px;animation:confetti-fall 3s ease-out}.sparkles{position:absolute;width:100%;height:100%}.sparkle{position:absolute;font-size:1.2rem;animation:sparkle-twinkle 2s ease-in-out infinite}.sparkle-1{top:10%;left:10%;animation-delay:0s}.sparkle-2{top:20%;right:15%;animation-delay:.2s}.sparkle-3{top:30%;left:80%;animation-delay:.4s}.sparkle-4{bottom:30%;left:20%;animation-delay:.6s}.sparkle-5{bottom:20%;right:25%;animation-delay:.8s}.sparkle-6{top:50%;left:5%;animation-delay:1s}.sparkle-7{top:60%;right:10%;animation-delay:1.2s}.sparkle-8{bottom:40%;left:70%;animation-delay:1.4s}.sparkle-9{top:15%;left:50%;animation-delay:1.6s}.sparkle-10{bottom:15%;left:45%;animation-delay:1.8s}.sparkle-11{top:70%;left:30%;animation-delay:2s}.sparkle-12{bottom:60%;right:40%;animation-delay:2.2s}.notification-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.notification-close:hover{background:#fff3;transform:scale(1.1)}.badge-notification-content{padding:40px 30px 30px;text-align:center;color:#fff}.achievement-header{margin-bottom:30px}.achievement-icon{font-size:3rem;margin-bottom:10px;animation:bounce 1s ease-in-out infinite alternate}.achievement-header h2{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,gold,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-display{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 10px 30px #4caf5066;animation:pulse-glow 2s ease-in-out infinite;flex-shrink:0}.badge-icon-large.intermediate{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 10px 30px #ff980066}.badge-icon-large.advanced{background:linear-gradient(135deg,#9c27b0,#6a1b9a);box-shadow:0 10px 30px #9c27b066}.badge-details{text-align:left;flex:1}.badge-details h3{margin:0 0 10px;font-size:1.4rem;font-weight:600}.badge-description{margin:0 0 10px;color:#ccc;font-size:.95rem;line-height:1.4}.earned-date{color:#999;font-size:.85rem}.notification-actions{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.share-achievement-btn,.verify-badge-btn{padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;min-width:140px;justify-content:center}.share-achievement-btn{background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff}.share-achievement-btn:hover{background:linear-gradient(45deg,#e55a2b,#e8851a);transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.verify-badge-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.verify-badge-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.quick-share{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.quick-share p{margin:0 0 10px;color:#ccc;font-size:.9rem}.quick-share-buttons{display:flex;gap:10px;justify-content:center}.quick-share-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;transition:all .2s ease}.quick-share-btn.linkedin{background:#0077b5}.quick-share-btn.twitter{background:#1da1f2}.quick-share-btn.facebook{background:#1877f2}.quick-share-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 5px 15px #0000004d}.auto-close-indicator{position:absolute;bottom:0;left:0;right:0;padding:10px 20px;background:#0000004d;display:flex;align-items:center;gap:10px;font-size:.8rem;color:#ccc}.progress-bar{flex:1;height:3px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);border-radius:2px;animation:progress-countdown 10s linear}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes sparkle-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 10px 30px #4caf5066}50%{box-shadow:0 10px 40px #4caf5099}}.badge-icon-large.intermediate{animation:pulse-glow-orange 2s ease-in-out infinite}.badge-icon-large.advanced{animation:pulse-glow-purple 2s ease-in-out infinite}@keyframes pulse-glow-orange{0%,to{box-shadow:0 10px 30px #ff980066}50%{box-shadow:0 10px 40px #ff980099}}@keyframes pulse-glow-purple{0%,to{box-shadow:0 10px 30px #9c27b066}50%{box-shadow:0 10px 40px #9c27b099}}@keyframes progress-countdown{0%{width:100%}to{width:0%}}@media (max-width: 768px){.badge-notification{width:95%;margin:20px}.badge-notification-content{padding:30px 20px 20px}.achievement-header h2{font-size:1.5rem}.badge-display{flex-direction:column;text-align:center;gap:15px}.badge-details{text-align:center}.notification-actions{flex-direction:column;gap:10px}.share-achievement-btn,.verify-badge-btn{width:100%}}.sidebar-container{position:relative;display:flex;flex-direction:column}.learning-sidebar{width:320px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;height:fit-content;position:sticky;top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:visible}.learning-sidebar.collapsed{width:0;min-width:0;padding:0;margin:0;border:none;overflow:hidden}.learning-sidebar.collapsed .sidebar-content{display:none}.learning-sidebar-toggle{position:fixed;right:20px;width:32px;height:32px;background:#ff6b3526;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,53,.3);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;font-size:20px;color:#ff6b35e6;line-height:1}.learning-sidebar-toggle.top{top:80px}.learning-sidebar-toggle.bottom{bottom:80px}.learning-sidebar-toggle:before{content:"×";font-size:24px;font-weight:300;display:block;line-height:1}.learning-sidebar-toggle.collapsed-state{background:#10b98126;border-color:#10b9814d;color:#10b981e6}.learning-sidebar-toggle.collapsed-state:before{content:"◀";color:#10b981e6;font-size:12px}.learning-sidebar-toggle:hover{background:#ff6b3540;border-color:#ff6b3580;transform:scale(1.1);box-shadow:0 4px 12px #ff6b3540}.learning-sidebar-toggle:hover:before{color:#ff6b35}.learning-sidebar-toggle.collapsed-state:hover{background:#10b98140;border-color:#10b98180;box-shadow:0 4px 12px #10b98140}.learning-sidebar-toggle.collapsed-state:hover:before{color:#10b981}.learning-sidebar-toggle:active{transform:scale(.95)}.sidebar-header,.current-activity,.progress-section,.concept-highlight{transition:opacity .2s ease,visibility .2s ease}.sidebar-header{text-align:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.sidebar-title{font-size:1.2em;font-weight:700;background:linear-gradient(45deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sidebar-subtitle{font-size:.8em;color:#ffffffb3;margin:5px 0 0}.progress-section{margin-bottom:25px}.section-title{font-size:.9em;font-weight:700;color:#00d2ff;margin-bottom:12px;display:flex;align-items:center;gap:8px}.progress-item{margin-bottom:15px}.progress-label{font-size:.8em;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00d2ff,#3a7bd5);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.current-activity{background:#00d2ff1a;border:1px solid rgba(0,210,255,.3);border-radius:8px;padding:15px;margin-bottom:20px}.activity-title{font-size:.85em;font-weight:700;color:#00d2ff;margin-bottom:8px}.activity-description{font-size:.8em;color:#fffc;line-height:1.4}.concept-highlight{background:#ff6b351a;border-left:3px solid var(--primary-color);padding:10px;margin:10px 0;border-radius:0 6px 6px 0}.concept-name{font-size:.8em;font-weight:700;color:var(--primary-color);margin-bottom:4px}.concept-description{font-size:.75em;color:#ffffffb3;line-height:1.3}.learning-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.learning-stat{background:#ffffff0d;border-radius:6px;padding:10px;text-align:center}.stat-number{font-size:1.2em;font-weight:700;color:#00d2ff}.stat-label{font-size:.7em;color:#ffffffb3}.compilation-stats{background:#ffffff08;border-radius:8px;padding:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{font-size:.85em;color:#fffc}.stat-row .stat-value{font-size:.9em;font-weight:700;color:#00d2ff}@media (max-width: 1200px){.learning-sidebar{width:100%;position:relative;order:-1}}.ai-assistant-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#ff6b35,#ff4500);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 4px 20px #ff6b3566;transition:all .3s ease;z-index:9999;gap:2px}.ai-assistant-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3599}.ai-assistant-btn svg{width:24px;height:24px}.ai-assistant-btn span{font-size:10px;line-height:1}.ai-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center}.ai-modal.show{display:flex!important;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(0,210,255,.3);border-radius:15px;width:90%;max-width:800px;height:80vh;max-height:600px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00d2ff33;animation:modalSlideIn .3s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1);background:#00d2ff0d}.ai-modal-header h3{margin:0;color:#00d2ff;font-size:1.3em;font-weight:700}.ai-modal-close{background:none;border:none;color:#888;font-size:28px;cursor:pointer;transition:all .2s;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.ai-modal-close:hover{color:#00d2ff;transform:rotate(90deg)}.ai-chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.ai-message{display:flex;flex-direction:column;max-width:80%}.ai-message.ai-user{align-self:flex-end}.ai-message.ai-assistant{align-self:flex-start}.ai-message-content{background:#ffffff0d;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#fff;line-height:1.5}.ai-message.ai-user .ai-message-content{background:#00d2ff33;border-color:#00d2ff4d}.ai-message.ai-assistant .ai-message-content{background:#ff6b351a;border-color:#ff6b3533}.ai-message-time{font-size:.75em;color:#ffffff80;margin-top:5px;align-self:flex-end}.ai-message.ai-assistant .ai-message-time{align-self:flex-start}.ai-explanation{margin-bottom:15px}.ai-key-points{background:#00d2ff1a;border-left:3px solid #00d2ff;padding:10px 15px;margin:10px 0;border-radius:0 6px 6px 0}.ai-key-points h4{margin:0 0 8px;color:#00d2ff;font-size:.9em}.ai-key-points ul{margin:0;padding-left:20px}.ai-key-points li{margin-bottom:4px;font-size:.9em}.ai-code-block{background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:15px;margin:10px 0}.ai-code-block h4{margin:0 0 10px;color:#00d2ff;font-size:.9em}.ai-code-block pre{margin:0;font-family:Courier New,monospace;font-size:.85em;color:#f8f8f2;white-space:pre-wrap;word-break:break-word}.ai-next-steps{background:#28a7451a;border-left:3px solid #28a745;padding:10px 15px;margin:10px 0;border-radius:0 6px 6px 0}.ai-next-steps h4{margin:0 0 8px;color:#28a745;font-size:.9em}.ai-next-steps ul{margin:0;padding-left:20px}.ai-next-steps li{margin-bottom:4px;font-size:.9em}.ai-error{color:#dc3545;background:#dc35451a;border:1px solid rgba(220,53,69,.3);padding:10px;border-radius:6px;font-size:.9em}.ai-quick-actions{display:flex;gap:10px;padding:15px 20px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:#0003;flex-wrap:wrap}.ai-quick-btn{padding:8px 12px;background:#00d2ff1a;border:1px solid rgba(0,210,255,.3);border-radius:6px;color:#00d2ff;cursor:pointer;font-size:.85em;transition:all .2s ease;white-space:nowrap}.ai-quick-btn:hover{background:#00d2ff33;border-color:#00d2ff;transform:translateY(-1px)}.ai-input-container{display:flex;gap:10px;padding:20px;background:#0003}.ai-input-container textarea{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;color:#fff;font-size:14px;font-family:inherit;resize:none;min-height:60px;max-height:120px}.ai-input-container textarea:focus{outline:none;border-color:#00d2ff;box-shadow:0 0 0 2px #00d2ff33}.ai-input-container textarea::placeholder{color:#ffffff80}.ai-send-btn{background:linear-gradient(135deg,#ff6b35,#ff4500);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:80px}.ai-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3566}.ai-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-loading-spinner{display:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.concept-learning{text-align:center}.concept-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.concept-btn{padding:6px 12px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:6px;color:#ff6b35;cursor:pointer;font-size:.8em;transition:all .2s ease}.concept-btn:hover{background:#ff6b3533;border-color:#ff6b35;transform:translateY(-1px)}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:#ffffff1a}.ai-chat-messages::-webkit-scrollbar-thumb{background:#00d2ff66;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#00d2ff99}@media (max-width: 768px){.ai-modal-content{width:95%;height:85vh;margin:20px}.ai-modal-header{padding:15px 20px}.ai-modal-header h3{font-size:1.1em}.ai-chat-messages{padding:15px}.ai-message{max-width:90%}.ai-quick-actions{padding:10px 15px}.ai-quick-btn{font-size:.8em;padding:6px 10px}.ai-input-container{padding:15px;flex-direction:column}.ai-send-btn{align-self:flex-end;min-width:100px}.ai-assistant-btn{width:50px;height:50px;bottom:20px;right:20px}.ai-assistant-btn svg{width:20px;height:20px}.ai-assistant-btn span{font-size:9px}}.bytecode-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bytecode-modal.show{display:flex!important;animation:fadeIn .3s ease;align-items:center;justify-content:center}.bytecode-content{background:linear-gradient(135deg,#1a1a2e,#16213e);margin:3% auto;padding:25px;border:2px solid var(--primary-color);border-radius:15px;width:95%;max-width:1600px;max-height:90vh;overflow-y:auto;color:#fff;display:flex;flex-direction:column}.bytecode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.bytecode-header h3{margin:0;color:var(--primary-color);font-size:1.4em}.close-bytecode{color:var(--error-color);float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1;background:none;border:none;padding:0;transition:all .2s ease}.close-bytecode:hover{opacity:.7;transform:scale(1.1)}.view-toggle-buttons{display:flex;gap:10px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.view-toggle-btn{padding:10px 20px;background:#ff6b3533;border:1px solid rgba(255,107,53,.3);border-radius:8px;color:#fffc;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.view-toggle-btn:hover{background:#ff6b354d;border-color:#ff6b3580;transform:translateY(-2px)}.view-toggle-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #ff6b3566}.correlation-toggle{padding:10px 20px;background:#00d2ff33;border:1px solid rgba(0,210,255,.3);border-radius:8px;color:#fffc;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.correlation-toggle:hover{background:#00d2ff4d;border-color:#00d2ff80;transform:translateY(-2px)}.correlation-toggle.active{background:linear-gradient(135deg,var(--accent-color),#3a7bd5);border-color:var(--accent-color);color:#fff;box-shadow:0 4px 15px #00d2ff66}.bytecode-viewer-content{flex:1;min-height:400px;margin-bottom:20px}.bytecode-view{display:none;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;white-space:pre;color:#0f0}.bytecode-view.active{display:block}.bytecode-view h4{margin:0 0 15px;color:var(--accent-color);font-size:16px;font-family:inherit}.bytecode-raw{margin:0;font-family:Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-all;max-height:500px;overflow-y:auto;background:#0000004d;padding:15px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.instruction-list{max-height:500px;overflow-y:auto}.instruction-line{display:grid;grid-template-columns:60px 100px 1fr 200px;gap:15px;padding:8px 12px;margin:2px 0;border-radius:4px;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.instruction-line:hover{background:#00d2ff1a;border-left-color:var(--accent-color)}.instruction-address{color:#ffc107;font-weight:700}.instruction-opcode{color:#28a745;font-weight:600}.instruction-text{color:#fff}.instruction-description{color:#fff9;font-style:italic;font-size:11px}.side-by-side-container{display:none;grid-template-columns:1fr 1fr;gap:20px;height:500px}.side-by-side-container.active{display:grid}.view-panel{background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;overflow:hidden;display:flex;flex-direction:column}.view-panel h3{margin:0 0 15px;color:var(--accent-color);font-size:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-content{flex:1;overflow-y:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:12px;line-height:1.5}.source-line{display:flex;padding:2px 5px;margin:0;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.source-line:hover{background:#00d2ff26;border-left-color:#00d2ff}.line-number{width:40px;color:#666;text-align:right;margin-right:10px;-webkit-user-select:none;user-select:none}.line-content{color:#fff;flex:1}.bytecode-line{display:flex;padding:2px 5px;margin:0;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;gap:10px}.bytecode-line:hover{background:#ff6b3526;border-left-color:var(--primary-color)}.instruction-addr{color:#ffc107;font-weight:700;min-width:40px}.instruction-code{color:#fff;flex:1}.instruction-desc{color:#ffffff80;font-style:italic;font-size:11px}.correlation-highlight{background:#ffc1074d!important;border-left:4px solid #ffc107!important;box-shadow:0 0 15px #ffc10780;transform:translate(2px);animation:pulse .3s ease-in-out}@keyframes pulse{0%,to{transform:translate(2px)}50%{transform:translate(4px)}}.bytecode-stats{display:flex;gap:30px;padding:15px;background:#00d2ff0d;border:1px solid rgba(0,210,255,.2);border-radius:8px;justify-content:center;flex-wrap:wrap}.stat-label{font-size:.8em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.2em;font-weight:700;color:var(--accent-color)}.panel-content::-webkit-scrollbar,.instruction-list::-webkit-scrollbar,.bytecode-raw::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track,.instruction-list::-webkit-scrollbar-track,.bytecode-raw::-webkit-scrollbar-track{background:#ffffff1a}.panel-content::-webkit-scrollbar-thumb,.instruction-list::-webkit-scrollbar-thumb,.bytecode-raw::-webkit-scrollbar-thumb{background:#00d2ff66;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover,.instruction-list::-webkit-scrollbar-thumb:hover,.bytecode-raw::-webkit-scrollbar-thumb:hover{background:#00d2ff99}@media (max-width: 1200px){.bytecode-content{width:98%;margin:1% auto;padding:20px}.side-by-side-container.active{grid-template-columns:1fr;height:auto}.view-panel{height:300px}}@media (max-width: 768px){.view-toggle-buttons{flex-direction:column;align-items:center}.view-toggle-btn,.correlation-toggle{width:200px;text-align:center}.instruction-line{grid-template-columns:1fr;gap:5px}.bytecode-stats{flex-direction:column;gap:15px}.panel-content{font-size:11px}}.challenge-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.challenge-modal.show{display:flex!important;animation:fadeIn .3s ease;align-items:center;justify-content:center}.challenge-content{background:linear-gradient(135deg,#1a1a2e,#16213e);margin:2% auto;padding:30px;border:2px solid var(--primary-color);border-radius:15px;width:95%;max-width:1400px;max-height:90vh;overflow-y:auto;color:#fff;display:flex;flex-direction:column}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.challenge-header h3{margin:0;color:var(--primary-color);font-size:1.5em}.close-challenge{color:var(--error-color);font-size:28px;font-weight:700;cursor:pointer;line-height:1;background:none;border:none;padding:0;transition:all .2s ease}.close-challenge:hover{opacity:.7;transform:scale(1.1)}.challenge-stats{display:flex;justify-content:center;gap:40px;margin-bottom:30px;padding:20px;background:#00d2ff0d;border:1px solid rgba(0,210,255,.2);border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number{font-size:2em;font-weight:700;color:var(--accent-color)}.stat-label{font-size:.9em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:20px}.challenge-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.challenge-card:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 30px #ff6b3533}.challenge-card.completed{background:#28a7451a;border-color:var(--success-color)}.challenge-card.completed:hover{background:#28a74526;box-shadow:0 10px 30px #28a7454d}.challenge-card.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.challenge-card.locked:hover{transform:none;box-shadow:none}.challenge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.challenge-icon{font-size:2em;opacity:.8}.challenge-status{font-size:1.5em}.challenge-title{margin:0 0 10px;color:var(--primary-color);font-size:1.2em;font-weight:700}.challenge-description{margin:0 0 15px;color:#fffc;line-height:1.4;font-size:.9em}.challenge-meta{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.difficulty-badge,.points-badge,.time-badge{padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge{color:#fff}.points-badge{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.time-badge{background:#6c757d33;color:#6c757d;border:1px solid rgba(108,117,125,.3)}.challenge-category{font-size:.8em;color:var(--accent-color);font-weight:600;margin-bottom:10px}.prerequisites{font-size:.75em;color:#fff9;font-style:italic}.challenge-detail{flex:1}.challenge-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.back-btn{background:#6c757d33;border:1px solid rgba(108,117,125,.3);color:#6c757d;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9em}.back-btn:hover{background:#6c757d4d;color:#fff}.challenge-detail-header h4{margin:0;color:var(--primary-color);font-size:1.3em}.challenge-actions{display:flex;gap:10px}.challenge-info{display:grid;grid-template-columns:1fr 1fr;gap:30px}.challenge-objectives,.real-world-scenario,.challenge-hints{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px}.challenge-objectives h5,.real-world-scenario h5,.challenge-hints h5{margin:0 0 15px;color:var(--accent-color);font-size:1.1em}.challenge-objectives ul{margin:0;padding-left:20px}.challenge-objectives li{margin-bottom:8px;color:#ffffffe6}.real-world-scenario{grid-column:1 / -1}.real-world-scenario p{margin:0;color:#fffc;line-height:1.5;font-style:italic}.hint-controls{display:flex;gap:10px;margin-bottom:15px}.hint-btn,.solution-btn{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.hint-btn{background:#00d2ff33;border:1px solid rgba(0,210,255,.3);color:var(--accent-color)}.hint-btn:hover:not(:disabled){background:#00d2ff4d}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.solution-btn{background:#ffc10733;border:1px solid rgba(255,193,7,.3);color:#ffc107}.solution-btn:hover{background:#ffc1074d}.hint-item{background:#00d2ff1a;border-left:3px solid var(--accent-color);padding:10px 15px;margin-bottom:10px;border-radius:0 6px 6px 0;font-size:.9em;line-height:1.4}.hint-item strong{color:var(--accent-color)}.solution-code{background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:8px;padding:15px;margin-top:15px}.solution-code h6{margin:0 0 10px;color:var(--success-color)}.solution-code pre{background:#0006;padding:15px;border-radius:6px;overflow-x:auto;margin:10px 0}.solution-code code{font-family:Courier New,monospace;font-size:.85em;color:#f8f8f2;white-space:pre}.use-solution-btn{background:var(--success-color);border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.use-solution-btn:hover{background:#218838;transform:translateY(-1px)}@media (max-width: 1200px){.challenge-content{width:98%;margin:1% auto;padding:25px}.challenge-info{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.challenge-grid{grid-template-columns:1fr}.challenge-stats{flex-direction:column;gap:20px;text-align:center}.challenge-detail-header{flex-direction:column;gap:15px;align-items:stretch}.challenge-actions{justify-content:center}.hint-controls{flex-direction:column}.challenge-meta{justify-content:center}}@media (max-width: 480px){.challenge-content{padding:20px}.challenge-card{padding:15px}.challenge-title{font-size:1.1em}.challenge-description{font-size:.85em}}.error-boundary{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000}.error-boundary-content{background:#000000e6;border:2px solid var(--error-color);border-radius:15px;padding:40px;max-width:600px;width:90%;text-align:center;color:#fff}.error-boundary-content h2{margin:0 0 20px;color:var(--error-color);font-size:1.5em}.error-boundary-content p{margin:0 0 30px;color:#fffc;line-height:1.5}.error-actions{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.error-actions .btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.error-actions .btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff}.error-actions .btn-secondary{background:#6c757dcc;color:#fff}.error-actions .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.error-details{text-align:left;margin-top:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px}.error-details summary{cursor:pointer;color:var(--accent-color);font-weight:700;margin-bottom:10px}.error-stack{background:#00000080;padding:15px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;color:#ff6b6b;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:10px 0 0}.error-notifications{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}.error-notification{background:#000000f2;border-radius:8px;padding:15px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out;border-left:4px solid}.error-notification-error{border-left-color:var(--error-color);background:#dc35451a}.error-notification-warning{border-left-color:#ffc107;background:#ffc1071a}.error-notification-info{border-left-color:var(--accent-color);background:#00d2ff1a}.error-notification-default{border-left-color:#6c757d;background:#6c757d1a}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.error-notification-content{color:#fff}.error-notification-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.error-notification-icon{font-size:1.2em}.error-notification-title{font-weight:700;flex:1;font-size:.95em}.error-notification-close{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.error-notification-close:hover{color:#fff}.error-notification-message{font-size:.9em;line-height:1.4;color:#ffffffe6;margin-bottom:5px}.error-notification-time{font-size:.75em;color:#fff9;text-align:right}.compilation-error-enhanced{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:20px;margin:15px 0}.compilation-error-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.compilation-error-icon{font-size:1.5em;color:var(--error-color)}.compilation-error-title{font-size:1.1em;font-weight:700;color:var(--error-color);margin:0}.compilation-error-message{background:#0000004d;padding:15px;border-radius:6px;font-family:Courier New,monospace;font-size:.9em;color:#ff6b6b;white-space:pre-wrap;word-break:break-word;margin-bottom:15px;border-left:3px solid var(--error-color)}.compilation-error-suggestions{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:15px}.compilation-error-suggestions h4{margin:0 0 10px;color:#ffc107;font-size:.95em}.compilation-error-suggestions ul{margin:0;padding-left:20px}.compilation-error-suggestions li{margin-bottom:5px;color:#ffffffe6;font-size:.9em}.compilation-error-actions{display:flex;gap:10px;margin-top:15px}.error-action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85em;cursor:pointer;transition:all .2s ease}.error-action-btn.primary{background:var(--primary-color);color:#fff}.error-action-btn.secondary{background:#6c757dcc;color:#fff}.error-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.loading-with-error{position:relative}.loading-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#dc35451a;border:2px solid var(--error-color);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--error-color);font-weight:700}.loading-error-retry{background:var(--error-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.loading-error-retry:hover{background:#c82333;transform:translateY(-1px)}@media (max-width: 768px){.error-notifications{top:10px;right:10px;left:10px;max-width:none}.error-boundary-content{padding:30px 20px}.error-actions,.compilation-error-actions{flex-direction:column}.error-notification{padding:12px}.error-notification-message{font-size:.85em}}@media (max-width: 480px){.error-boundary-content{padding:25px 15px}.error-boundary-content h2{font-size:1.3em}.error-actions .btn{padding:10px 20px;font-size:13px}}:root{--primary-color: #FF6B35;--secondary-color: #FF4500;--accent-color: #00d2ff;--success-color: #28a745;--error-color: #dc3545}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh}.container{max-width:1400px;margin:0 auto;background:#000c;border-radius:15px;padding:30px;box-shadow:0 20px 40px #0000004d;display:flex;gap:20px}.main-content{flex:1;min-width:0}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;text-align:center}.header-left{flex:1}.header-right{display:flex;gap:12px;align-items:center}.title{font-size:3em;margin:0;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bee-animated{display:inline-block;animation:beeFly 8s ease-in-out infinite;transform-origin:center;opacity:1;-webkit-text-fill-color:currentColor!important;color:inherit!important;background:none!important}@keyframes beeFly{0%{transform:translate(0) rotate(0);opacity:1}12.5%{transform:translate(8px,-6px) rotate(15deg);opacity:.9}25%{transform:translate(12px) rotate(0);opacity:1}37.5%{transform:translate(8px,6px) rotate(-15deg);opacity:.9}50%{transform:translateY(8px) rotate(-25deg);opacity:.85}62.5%{transform:translate(-8px,6px) rotate(-15deg);opacity:.9}75%{transform:translate(-12px) rotate(0);opacity:1}87.5%{transform:translate(-8px,-6px) rotate(15deg);opacity:.9}to{transform:translate(0) rotate(0);opacity:1}}.auth-button{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d;white-space:nowrap;display:flex;align-items:center;gap:8px}.auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:transform .3s ease}.user-avatar:hover{transform:scale(1.1)}.user-menu{position:relative;display:flex;align-items:center;gap:12px}.badges-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffd7004d}.badges-button:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 6px 20px #ffd70080}.badges-button:active{transform:scale(.95)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;min-width:200px;box-shadow:0 10px 30px #00000080;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{display:flex;flex-direction:column;gap:8px}.user-greeting{font-size:14px;font-weight:600;color:#fff}.user-account-type{font-size:12px;color:#fff9}.logout-link{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:13px;font-weight:500;padding:8px 0;text-align:left;transition:all .2s ease}.logout-link:hover{color:#fff;text-decoration:underline}.CodeMirror{height:60vh!important;min-height:400px!important;max-height:800px!important;border:2px solid #666666!important;border-radius:10px!important;font-family:Courier New,monospace!important;font-size:14px!important;background:#000!important;color:#fff!important;pointer-events:auto!important;cursor:text!important}.CodeMirror *{pointer-events:auto!important}.CodeMirror-focused{border-color:#fff!important;box-shadow:0 0 10px #ff6b354d!important}.CodeMirror-scroll{pointer-events:auto!important;padding:15px;background:#000!important}.editor-success .CodeMirror{border-color:var(--success-color)!important;box-shadow:0 0 15px #28a74566!important;transition:all .3s ease!important}.CodeMirror{transition:height .3s ease!important}.CodeMirror-gutters{background:#111!important;border-right:1px solid #333333}.CodeMirror-linenumber{color:#666!important}.CodeMirror-focused .CodeMirror-cursor{border-left:2px solid var(--primary-color)}.CodeMirror-activeline-background{background:#ff6b351a!important}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{background:transparent!important}.cm-comment{color:#75c96b!important;font-style:italic!important;opacity:.9!important}.cm-string{color:#f7dc6f!important}.cm-keyword{color:#f92672!important;font-weight:700!important}.cm-variable{color:#66d9ef!important}.cm-number{color:#ae81ff!important}.cm-def{color:#a6e22e!important;font-weight:700!important}.cm-type{color:#66d9ef!important}.cm-s-monokai .cm-comment{color:#75c96b!important;font-style:italic!important;opacity:.95!important}.buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b3566}.btn-success{background:linear-gradient(45deg,var(--success-color),#20c997);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.btn-warning{background:linear-gradient(45deg,#ffc107,#ff8c00);color:#000}.btn-warning:hover{background:linear-gradient(45deg,#ff8c00,#ffc107);transform:translateY(-2px);box-shadow:0 5px 15px #ffc10766}.btn-cyan{background:linear-gradient(45deg,#00d2ff,#3a7bd5);color:#fff}.btn-cyan:hover{background:linear-gradient(45deg,#3a7bd5,#00d2ff);transform:translateY(-2px);box-shadow:0 5px 15px #00d2ff80}.btn-purple{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-purple:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 5px 15px #764ba280}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.results{margin:20px 0;padding:20px;background:#ffffff1a;border-radius:10px;border-left:4px solid var(--accent-color)}.log-entry{padding:8px 12px;margin:5px 0;border-radius:5px;font-family:Courier New,monospace}.log-info{background:#007bff33;border-left:3px solid #007bff}.log-success{background:#28a74533;border-left:3px solid var(--success-color)}.log-error{background:#dc354533;border-left:3px solid var(--error-color)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}.stat-card{background:#ffffff1a;padding:20px;border-radius:10px;text-align:center}.stat-value{font-size:2em;font-weight:700;color:var(--accent-color)}@media (max-width: 1200px){.container{flex-direction:column}.CodeMirror{height:55vh!important;min-height:350px!important}}@media (max-width: 768px){body{padding:10px}.container{padding:15px}.header{flex-direction:column;gap:15px}.title{font-size:2em}.auth-button{padding:10px 20px;font-size:14px}.buttons{grid-template-columns:1fr}.CodeMirror{height:50vh!important;min-height:300px!important;font-size:13px!important}}@media (max-width: 480px){.title{font-size:1.8em}.auth-button{padding:9px 18px;font-size:13px}.CodeMirror{height:45vh!important;min-height:280px!important;font-size:12px!important}}@media (max-width: 768px) and (orientation: landscape){.CodeMirror{height:70vh!important;min-height:250px!important}.container{padding:10px}}@media (max-width: 375px){.CodeMirror{height:40vh!important;min-height:250px!important;font-size:11px!important}.container{padding:10px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}