body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;text-align:center}.App-header{margin:0 auto;max-width:900px;padding:20px}h1{color:#2c3e50;font-size:1.8em;margin-bottom:5px}.user-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:20px 25px}.user-info{flex:1 1;text-align:left}.user-info h1{font-size:1.5em;margin:0}.welcome-text{color:#7f8c8d;font-size:1em;margin-bottom:0;margin-top:5px}.user-actions{align-items:center;display:flex;gap:10px}.subscription-manage-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95em;font-weight:600;padding:12px 20px;transition:all .3s}.subscription-manage-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.logout-btn{background:#e0e0e0;border:none;border-radius:10px;color:#555;cursor:pointer;font-size:.95em;font-weight:600;padding:12px 20px;transition:all .3s}.logout-btn:hover{background:#d0d0d0}.stats-section{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;flex:1 1;max-width:200px;min-width:140px;padding:20px 25px;transition:transform .3s}.stat-card:hover{transform:translateY(-3px)}.stat-label{color:#7f8c8d;font-size:.85em;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:2em;font-weight:700}.section-selector{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin:25px 0;padding:30px}.section-selector h2{color:#2c3e50;font-size:1.8em;margin-bottom:10px}.section-selector>p{color:#7f8c8d;font-size:1.1em;margin-bottom:25px}.sections-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.section-button{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:14px;cursor:pointer;padding:20px;text-align:left;transition:all .3s}.section-button:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateY(-3px)}.section-name{color:#2c3e50;font-size:1.15em;font-weight:700;margin-bottom:8px}.section-description{color:#7f8c8d;font-size:.9em;line-height:1.4}.quiz-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-top:20px;padding:30px}.question-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.question-counter{background:#f0f4ff;border-radius:20px;color:#667eea;font-size:1.1em;font-weight:600;padding:8px 16px}.section-name-display{color:#7f8c8d;font-size:.95em;font-weight:500}.progress-bar{background:#e8e8e8;border-radius:10px;height:10px;margin:15px 0 25px;overflow:hidden}.progress-bar>div{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .4s ease}.question-card{text-align:left}.question-header-with-label{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.question-text{color:#2c3e50;flex:1 1;font-size:1.35em;font-weight:500;line-height:1.5;margin:0;min-width:200px}.view-label-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.95em;font-weight:600;padding:10px 20px;transition:all .3s;white-space:nowrap}.view-label-btn:hover{box-shadow:0 4px 12px #27ae6066;transform:translateY(-2px)}.options{display:flex;flex-direction:column;gap:12px;margin:25px 0}.option-button{background:#fafafa;border:2px solid #e0e0e0;border-radius:14px;color:#333;cursor:pointer;font-size:1.1em;line-height:1.4;padding:20px 25px;text-align:left;transition:all .2s}.option-button:hover:not(:disabled){background:#f0f4ff;border-color:#667eea;transform:translateX(5px)}.option-button.selected{background:#667eea;border-color:#667eea;color:#fff}.option-button:disabled{cursor:default}.option-button.correct{background:#27ae60;border-color:#27ae60;color:#fff}.option-button.incorrect{background:#e74c3c;border-color:#e74c3c;color:#fff}.explanation{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-left:5px solid #f39c12;border-radius:14px;margin:25px 0;padding:25px}.correct-answer{color:#27ae60;font-size:1.2em}.correct-answer,.incorrect-answer{font-weight:700;margin-bottom:15px}.incorrect-answer{color:#e74c3c;font-size:1.1em}.explanation-text{color:#5a5a5a;font-size:1.05em;line-height:1.6;margin-bottom:20px}.next-button,.restart-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.15em;font-weight:600;padding:15px 40px;transition:all .3s}.next-button:hover,.restart-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.score-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-top:20px;padding:40px}.score-section h2{color:#2c3e50;font-size:2em;margin-bottom:20px}.score-display{margin:30px 0}.score-percentage{color:#27ae60;font-size:1.5em;font-weight:700;margin:15px 0}.perfect-score{animation:pulse 1s ease-in-out infinite;color:#f39c12;font-size:1.8em;font-weight:700;margin:20px 0}.new-high-score{animation:bounce .5s ease-in-out;color:#e74c3c;font-size:1.4em;font-weight:700;margin:15px 0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading{background:#ffffff1a;border-radius:20px;color:#fff;font-size:1.3em;padding:60px;text-align:center}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);box-shadow:0 4px 15px #28a74533;color:#155724}.canceled-message,.success-message{border:none;border-radius:14px;margin:20px 0;padding:20px 25px;text-align:center}.canceled-message{background:linear-gradient(135deg,#fff3cd,#ffeeba);box-shadow:0 4px 15px #ffc10733;color:#856404}.login-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-top:50px;padding:40px}.login-form{display:flex;flex-direction:column;gap:20px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:400px}.username-input{border:2px solid #e0e0e0;border-radius:12px;font-size:1.2em;outline:none;padding:15px;text-align:center;transition:border-color .3s}.username-input:focus{border-color:#667eea}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:600;padding:15px 30px;transition:all .3s}.login-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.App,.App-header{padding:10px}.user-header{align-items:stretch;flex-direction:column;padding:15px}.user-info{text-align:center}.user-info h1{font-size:1.2em}.user-actions{justify-content:center}.stats-section{flex-direction:row;justify-content:space-between}.stat-card{flex:1 1;min-width:0;padding:15px}.stat-value{font-size:1.5em}.stat-label{font-size:.75em}.section-selector{padding:20px 15px}.sections-grid{grid-template-columns:1fr}.quiz-container{padding:20px 15px}.question-text{font-size:1.15em}.option-button{font-size:1em;padding:16px 18px}.question-header{align-items:flex-start;flex-direction:column}.score-section{padding:25px 15px}}@media (max-width:400px){.user-actions{flex-direction:column;width:100%}.logout-btn,.subscription-manage-btn{width:100%}.stat-card{padding:12px 8px}.stat-value{font-size:1.3em}}.back-to-sections-btn{background:#f0f0f0;border:2px solid #ddd;border-radius:10px;color:#555;cursor:pointer;font-size:.95em;font-weight:600;padding:10px 18px;transition:all .3s}.back-to-sections-btn:hover{background:#e0e0e0;border-color:#ccc;transform:translateX(-3px)}.live-score{background:#e8f8f0;border:2px solid #27ae60;border-radius:12px;color:#27ae60;font-size:1.1em;font-weight:700;padding:10px 20px}.app-footer p{line-height:1.4}.readiness-bar{background:#ffffff1a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.readiness-bar,.readiness-score{align-items:center;display:flex;gap:15px}.readiness-score{flex:1 1}.readiness-label{font-weight:700;white-space:nowrap}.readiness-meter{background:#fff3;border-radius:6px;flex:1 1;height:12px;min-width:150px;overflow:hidden}.readiness-fill{border-radius:6px;height:100%;transition:width .5s ease}.readiness-percent{font-size:1.2rem;font-weight:700}.streak-display{animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;font-weight:700;padding:8px 16px}@keyframes glow{0%{box-shadow:0 0 5px #ff6b35}to{box-shadow:0 0 15px #ff6b35}}.badges-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.badge{background:#ffffff26;border-radius:10px;cursor:help;font-size:1.5rem;padding:8px 12px}.weak-areas-alert{background:#ffc10733;border:1px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:12px 20px;text-align:center}.mode-selector{margin-bottom:30px}.mode-selector h2{margin-bottom:20px;text-align:center}.mode-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.mode-btn{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;min-width:160px;padding:25px 30px;transition:all .3s ease}.mode-btn:hover{background:#667eea33;border-color:#667eea;transform:translateY(-5px)}.mode-icon{font-size:2.5rem;margin-bottom:10px}.mode-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:5px}.mode-desc{color:#fff;font-size:.85rem;opacity:.7}.flashcard-mode{margin:0 auto;max-width:600px;width:100%}.flashcard-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.flashcard-progress{text-align:right}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-top:5px;width:150px}.progress-fill{background:#28a745;border-radius:4px;height:100%;transition:width .3s ease}.flashcard{cursor:pointer;margin-bottom:30px;perspective:1000px}.flashcard-inner{min-height:300px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:30px;position:absolute;text-align:center;width:100%}.flashcard-front{background:linear-gradient(135deg,#667eea,#764ba2)}.flashcard-back{background:linear-gradient(135deg,#28a745,#20c997);transform:rotateY(180deg)}.tap-hint{font-size:.9rem;margin-top:20px;opacity:.7}.flashcard-actions{justify-content:center}.btn-again,.btn-known{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px;transition:transform .2s}.btn-again{background:#ffc107;color:#333}.btn-known{background:#28a745;color:#fff}.btn-again:hover,.btn-known:hover{transform:scale(1.05)}.exam-simulation{margin:0 auto;max-width:800px;width:100%}.exam-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.exam-timer{background:#ffffff1a;border-radius:10px;font-size:1.3rem;font-weight:700;padding:10px 20px}.exam-timer.warning{animation:pulse 1s infinite;background:#dc3545}.exam-question-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:25px}.q-nav-btn{background:#0000;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;height:36px;transition:all .2s;width:36px}.q-nav-btn.current{background:#667eea;border-color:#667eea}.q-nav-btn.answered{background:#28a74580;border-color:#28a745}.exam-question{background:#ffffff1a;border-radius:15px;margin-bottom:20px;padding:30px}.exam-options{display:flex;flex-direction:column;gap:12px;margin-top:20px}.exam-option{background:#0000;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;padding:15px 20px;text-align:left;transition:all .2s}.exam-option:hover{background:#667eea33;border-color:#667eea}.exam-option.selected{background:#667eea;border-color:#667eea}.exam-nav{display:flex;gap:15px;justify-content:space-between}.exam-nav button{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .2s}.btn-finish{background:#28a745!important;color:#fff!important}.exam-results{padding:40px;text-align:center}.result-badge{border-radius:50px;display:inline-block;font-size:1.3rem;font-weight:700;margin:20px 0;padding:15px 40px}.result-badge.passed{background:linear-gradient(135deg,#28a745,#20c997)}.result-badge.failed{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#333}.score-big{color:#667eea;display:block;font-size:4rem;font-weight:700}.score-detail{display:block;font-size:1.2rem;margin-top:10px;opacity:.8}.result-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.back-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.back-btn:hover{background:#ffffff1a}.app-footer{border-top:1px solid #ffffff1a;margin-top:40px;padding:15px 20px;text-align:center}.app-footer p{color:#ffffff80;font-size:11px;margin:0}.app-footer a{color:#fff9;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width:600px){.mode-buttons{align-items:center;flex-direction:column}.mode-btn{max-width:250px;width:100%}.readiness-bar{flex-direction:column;text-align:center}.readiness-score{justify-content:center;width:100%}.exam-question-nav{max-height:100px;overflow-y:auto}}.flashcard-back,.flashcard-front{box-shadow:0 10px 40px #0000004d}.flashcard-front{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border:3px solid #fff3}.flashcard-front p{color:#fff;font-size:1.3rem;font-weight:500;line-height:1.6}.flashcard-back{background:#fff;border:3px solid #28a745}.flashcard-back p{color:#333;font-size:1.1rem;line-height:1.7;white-space:pre-wrap}.tap-hint{background:#0003;border-radius:20px;color:#fff9;font-size:.85rem;margin-top:25px;padding:8px 16px}.flashcard-header{background:#ffffff1a;border-radius:12px;padding:15px 20px}.flashcard-progress span{font-size:1rem;font-weight:700}.flashcard-actions{margin-top:20px}.btn-again{background:#fff3cd;border:2px solid #ffc107;color:#856404}.btn-known{background:#d4edda;border:2px solid #28a745;color:#155724}.btn-again:hover{background:#ffc107;color:#333}.btn-known:hover{background:#28a745;color:#fff}.flashcard-actions{bottom:30px;display:flex;gap:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:100}.flashcard-mode{padding-bottom:120px}.filter-toggle{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.toggle-btn{background:#0000;border:2px solid #4caf50;border-radius:25px;color:#4caf50;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.toggle-btn.active{background:#4caf50;color:#fff}.toggle-btn:hover:not(.active){background:#e8f5e9}.auth-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.auth-box{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:40px;width:100%}.auth-box h2{color:#2c3e50;margin-bottom:10px;text-align:center}.auth-subtitle{color:#7f8c8d;font-size:.95em;margin-bottom:30px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.auth-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1em;outline:none;padding:12px 15px;transition:border-color .3s}.auth-input:focus{border-color:#3498db}.auth-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.auth-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:#3498db;color:#fff}.auth-button-primary:hover:not(:disabled){background:#2980b9}.auth-button-google{background:#fff;border:1px solid #dadce0;color:#5f6368;width:100%}.auth-button-google:hover:not(:disabled){background:#f8f9fa;box-shadow:0 2px 4px #0000001a}.google-icon{height:20px;width:20px}.auth-divider{margin:20px 0;position:relative;text-align:center}.auth-divider:after,.auth-divider:before{background:#e0e0e0;content:"";height:1px;position:absolute;top:50%;width:45%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:#fff;color:#7f8c8d;font-size:.9em;padding:0 15px}.auth-switch{margin-top:20px;text-align:center}.auth-link{background:none;border:none;color:#3498db;cursor:pointer;font-size:.95em;text-decoration:underline}.auth-link:hover{color:#2980b9}.auth-link:disabled{color:#95a5a6;cursor:not-allowed}.auth-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9em;margin-bottom:20px;padding:12px}.forgot-password-link{background:none;border:none;color:#3498db;cursor:pointer;font-size:.9rem;margin-bottom:10px;margin-top:-10px;padding:0;text-align:right}.forgot-password-link:hover{text-decoration:underline}.auth-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:.9rem;margin-bottom:15px;padding:12px}.subscription-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.subscription-modal{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:100%}.subscription-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:2em;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:20px;transition:all .3s;width:40px}.subscription-modal-close:hover{background:#f0f0f0;color:#2c3e50}.subscription-modal-header{margin-bottom:40px;text-align:center}.subscription-modal-header h2{color:#2c3e50;font-size:2em;margin-bottom:10px}.subscription-modal-header p{color:#7f8c8d;font-size:1.1em}.subscription-plans{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.subscription-plan{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:30px;position:relative;text-align:center;transition:all .3s}.subscription-plan:hover{border-color:#3498db;box-shadow:0 5px 20px #3498db33;transform:translateY(-5px)}.subscription-plan.popular{border-color:#27ae60;border-width:3px}.plan-badge{background:#27ae60;border-radius:20px;color:#fff;font-size:.85em;font-weight:600;left:50%;padding:5px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.plan-header{margin-bottom:20px}.plan-header h3{color:#2c3e50;font-size:1.5em;margin-bottom:5px}.plan-savings{background:#fff3cd;border-radius:12px;color:#856404;display:inline-block;font-size:.85em;font-weight:600;margin-top:5px;padding:4px 12px}.plan-price{margin-bottom:25px}.price-amount{color:#2c3e50;font-size:2.5em;font-weight:700}.price-period{font-size:1em;margin-left:5px}.pricing-card{border:2px solid #e0e0e0;border-radius:12px;padding:30px;position:relative;transition:all .3s}.pricing-card:hover{border-color:#3498db;box-shadow:0 5px 20px #3498db33;transform:translateY(-5px)}.pricing-card .price{margin-bottom:25px}.pricing-features{margin:0 0 30px}.pricing-features li{border-bottom:1px solid #f0f0f0;color:#2c3e50;padding:10px 0}.pricing-features li:last-child{border-bottom:none}.plan-features{list-style:none;margin:0 0 30px;padding:0;text-align:left}.plan-features li{border-bottom:1px solid #f0f0f0;color:#2c3e50;padding:10px 0}.plan-features li:last-child{border-bottom:none}.plan-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:15px;transition:all .3s;width:100%}.plan-button:hover:not(:disabled){background:#2980b9;transform:scale(1.02)}.plan-button:disabled{cursor:not-allowed;opacity:.6}.subscription-plan.popular .plan-button{background:#27ae60}.subscription-plan.popular .plan-button:hover:not(:disabled){background:#229954}.subscription-footer{border-top:1px solid #e0e0e0;padding-top:20px;text-align:center}.subscription-footer p{color:#7f8c8d;font-size:.9em;margin:0}.manage-subscription{margin-top:12px}.manage-button{background:#fff;border:1px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;font-size:.95em;padding:10px 16px}.manage-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.subscription-modal{padding:20px}.subscription-plans{gap:20px;grid-template-columns:1fr}.subscription-modal-header h2{font-size:1.5em}.price-amount{font-size:2em}}.subscription-required{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:80vh;padding:20px}.subscription-required-content{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:500px;padding:50px 40px;text-align:center;width:100%}.subscription-icon{font-size:4em;margin-bottom:20px}.subscription-required-content h2{color:#2c3e50;font-size:2em;margin-bottom:15px}.subscription-message{color:#7f8c8d;font-size:1.1em;line-height:1.6;margin-bottom:30px}.subscription-features{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:25px;text-align:left}.feature-item{align-items:center;color:#2c3e50;display:flex;font-size:1.05em;gap:12px;padding:12px 0}.feature-icon{color:#27ae60;font-size:1.2em;font-weight:700;text-align:center;width:24px}.subscription-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:600;padding:15px 40px;transition:all .3s;width:100%}.subscription-button:hover{background:#2980b9;box-shadow:0 5px 15px #3498db4d;transform:scale(1.02)}@media (max-width:768px){.subscription-required-content{padding:30px 20px}.subscription-icon{font-size:3em}.subscription-required-content h2{font-size:1.5em}}.landing-page{min-height:100vh;width:100%}.landing-header{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.landing-nav .logo{font-size:1.5rem;font-weight:700}.landing-nav .nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.landing-nav .nav-links a{color:#fff;text-decoration:none;transition:opacity .3s}.landing-nav .nav-links a:hover{opacity:.8}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5rem 2rem;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero h1{font-size:2.8rem;line-height:1.2;margin-bottom:1.5rem}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary{background:#fff;border:none;border-radius:30px;color:#667eea;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:transform .3s,box-shadow .3s}.btn-primary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.btn-try-free{animation:pulse 2s infinite;background:gold;color:#333;font-size:1.2rem;padding:1.2rem 2.5rem}.btn-secondary{background:#0000;border:2px solid #fff;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:#fff;color:#667eea}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.social-proof{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:2rem 0}.proof-item{align-items:center;display:flex;flex-direction:column}.proof-number{font-size:2.5rem;font-weight:700}.proof-label{font-size:.9rem;opacity:.9}.free-quiz-section{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:4rem 2rem}.free-quiz-intro{margin:0 auto;max-width:600px;text-align:center}.free-quiz-intro h2{color:#2c3e50;font-size:2.2rem;margin-bottom:1rem}.free-quiz-intro p{color:#555;font-size:1.1rem;margin-bottom:2rem}.btn-start-quiz{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1.2rem 3rem;transition:transform .3s,box-shadow .3s}.btn-start-quiz:hover{box-shadow:0 8px 25px #27ae6066;transform:translateY(-3px)}.free-quiz-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:700px;padding:2rem}.free-quiz-header{border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.free-quiz-progress{color:#667eea;font-weight:600}.free-quiz-score{color:#27ae60;font-weight:600}.free-quiz-question h3{color:#2c3e50;font-size:1.3rem;line-height:1.5;margin-bottom:1.5rem}.free-quiz-options{display:flex;flex-direction:column;gap:.75rem}.free-quiz-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-size:1rem;padding:1rem 1.25rem;text-align:left;transition:all .2s}.free-quiz-option:hover:not(:disabled){background:#e9ecef;border-color:#667eea}.free-quiz-option.correct{background:#d4edda;border-color:#28a745;color:#155724}.free-quiz-option.incorrect{background:#f8d7da;border-color:#dc3545;color:#721c24}.free-quiz-option:disabled{cursor:default}.free-quiz-explanation{background:#f8f9fa;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.result-correct{color:#28a745}.result-correct,.result-incorrect{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.result-incorrect{color:#dc3545}.free-quiz-explanation p{color:#555;line-height:1.6;margin-bottom:1rem}.btn-next{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background .3s}.btn-next:hover{background:#5a6fd6}.free-quiz-results{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:500px;padding:3rem 2rem;text-align:center}.free-quiz-results h2{color:#2c3e50;margin-bottom:1.5rem}.results-score{align-items:baseline;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.big-score{color:#667eea;font-size:4rem;font-weight:700}.score-percent{color:#7f8c8d;font-size:1.5rem}.results-message{color:#555;font-size:1.1rem;margin-bottom:2rem}.results-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-top:1rem;padding:2rem}.results-cta h3{margin-bottom:.5rem}.results-cta p{font-size:.95rem;margin-bottom:1.5rem;opacity:.9}.btn-large{font-size:1.1rem;padding:1rem 2rem}.btn-text{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;opacity:.8;text-decoration:underline}.btn-text:hover{opacity:1}.features{background:#f8f9fa;padding:5rem 2rem}.container{margin:0 auto;max-width:1200px}.section-title{color:#2c3e50;font-size:2.2rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px #00000012;padding:2rem;transition:transform .3s,box-shadow .3s}.feature-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#27ae60;font-size:1.3rem;margin-bottom:.75rem}.feature-card p{color:#666;line-height:1.5}.how-it-works{background:#fff;padding:5rem 2rem}.steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem}.step{padding:1.5rem;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.step h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.75rem}.step p{color:#666;font-size:.95rem}.pricing{background:linear-gradient(135deg,#667eea,#764ba2);padding:5rem 2rem}.pricing,.pricing .section-title{color:#fff}.pricing-single{display:flex;justify-content:center}.pricing-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;color:#2c3e50;max-width:350px;padding:2.5rem 2rem;text-align:center;width:100%}.pricing-card h3{font-size:1.5rem;margin-bottom:.5rem}.price{color:#667eea;font-size:3rem;font-weight:700;margin:1rem 0}.price-period{color:#7f8c8d;font-size:1rem}.pricing-features{list-style:none;margin:1.5rem 0;padding:0;text-align:left}.pricing-features li{border-bottom:1px solid #ecf0f1;color:#555;padding:.6rem 0}.pricing-features li:before{color:#27ae60;content:"✓ ";font-weight:700}footer{background:#2c3e50;color:#fff;padding:3rem 2rem;text-align:center}.footer-content{margin:0 auto;max-width:800px}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:1.5rem 0}.footer-links a{color:#fff;opacity:.8;text-decoration:none}.footer-links a:hover{opacity:1}@media (max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.landing-nav .nav-links{display:none}.section-title{font-size:1.8rem}.social-proof{gap:1.5rem}.proof-number{font-size:2rem}.free-quiz-container{padding:1.5rem}.free-quiz-question h3{font-size:1.1rem}.big-score{font-size:3rem}}.cert-section{background:#f8f9fa;border-top:1px solid #e9ecef;padding:4rem 0}.cert-header{margin-bottom:2.5rem;text-align:center}.cert-header h2{color:#1a1a2e;font-size:1.8rem;margin-bottom:.75rem}.cert-header p{color:#555;font-size:1.05rem;margin:0 auto;max-width:600px}.cert-steps{flex-direction:column;margin:0 auto 2.5rem;max-width:780px}.cert-step,.cert-steps{display:flex;gap:1.25rem}.cert-step{background:#fff;border-left:4px solid #28a745;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.cert-step-number{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;min-width:36px;width:36px}.cert-step-content h3{color:#1a1a2e;font-size:1.05rem;margin-bottom:.5rem}.cert-step-content p{color:#555;font-size:.95rem;margin-bottom:.5rem}.cert-step-content ul{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:.5rem 0 0;padding:0}.cert-step-content ul li{color:#444;font-size:.9rem}.cert-resources{margin:0 auto 2rem;max-width:780px}.cert-resources h3{color:#1a1a2e;font-size:1.2rem;margin-bottom:1rem;text-align:center}.resources-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.resource-card{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;gap:.75rem;padding:1.25rem}.resource-icon{font-size:1.5rem;min-width:30px}.resource-content h4{color:#1a1a2e;font-size:.95rem;margin-bottom:.4rem}.resource-content p{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.resource-link{color:#28a745;font-size:.85rem;font-weight:600;text-decoration:none}.resource-link:hover{text-decoration:underline}.cert-cta{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;color:#fff;margin:0 auto;max-width:780px;padding:2rem;text-align:center}.cert-cta p{font-size:1.05rem;margin-bottom:1.25rem;opacity:.95}@media (max-width:600px){.cert-step{flex-direction:column}.resources-grid{grid-template-columns:1fr}.cert-header h2{font-size:1.4rem}}.privacy-policy{background:#f8f9fa;min-height:100vh;padding:2rem 1rem}.privacy-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:900px;padding:3rem}.privacy-container h1{border-bottom:3px solid #27ae60;color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem;padding-bottom:1rem}.last-updated{color:#7f8c8d;font-style:italic;margin-bottom:2rem}.privacy-container section{margin-bottom:3rem}.privacy-container h2{color:#27ae60;font-size:1.8rem;margin-bottom:1rem;margin-top:2rem}.privacy-container h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.75rem;margin-top:1.5rem}.privacy-container p,.privacy-container ul{color:#34495e;line-height:1.8;margin-bottom:1rem}.privacy-container ul{margin-left:2rem}.privacy-container li{margin-bottom:.5rem}.privacy-container a{border-bottom:1px solid #3498db;color:#3498db;text-decoration:none;transition:color .3s}.privacy-container a:hover{border-bottom-color:#2980b9;color:#2980b9}.privacy-footer{border-top:2px solid #ecf0f1;margin-top:3rem;padding-top:2rem;text-align:center}.back-link{background:#27ae60;border:none;border-radius:5px;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background .3s}.back-link:hover{background:#229954;border-bottom:none}@media (max-width:768px){.privacy-container{padding:2rem 1.5rem}.privacy-container h1{font-size:2rem}.privacy-container h2{font-size:1.5rem}.privacy-container h3{font-size:1.1rem}}.label-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.label-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative;width:100%}.label-modal-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:36px;z-index:10}.label-modal-close:hover{background:#e0e0e0;transform:scale(1.1)}.label-modal-header{border-bottom:2px solid #f0f0f0;padding:25px 30px 15px}.label-modal-header h2{color:#2c3e50;font-size:1.5em;margin:0 0 8px}.label-modal-header p{color:#7f8c8d;font-size:.95em;margin:0}.label-page-tabs{background:#fafafa;border-bottom:2px solid #f0f0f0;display:flex;gap:10px;padding:0 30px}.label-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:.95em;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .3s}.label-tab:hover{background:#667eea0d;color:#667eea}.label-tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:600}.label-modal-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px 30px}.label-image{border-radius:8px;box-shadow:0 4px 15px #0000001a;cursor:zoom-in;height:auto;max-width:100%;transition:transform .3s}.label-image:hover{transform:scale(1.02)}.label-image-placeholder{color:#7f8c8d;padding:60px 20px;text-align:center}.label-image-placeholder p{margin:10px 0}.label-upload-instructions{color:#95a5a6;font-size:.9em;margin-top:20px}.label-upload-instructions code{background:#f0f0f0;border-radius:4px;font-size:.9em;padding:2px 6px}.label-modal-footer{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;padding:15px 30px 25px}.label-modal-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 30px;transition:all .3s}.label-modal-close-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.label-modal{max-height:95vh;max-width:95vw}.label-modal-header{padding:20px 20px 15px}.label-modal-content{padding:15px 20px}.label-modal-footer{padding:15px 20px 20px}.label-modal-header h2{font-size:1.2em}}