*,*:before,*:after{box-sizing:border-box}:root{--bg: #f1f5f9;--card: #ffffff;--primary: #3b82f6;--primary-hover: #2563eb;--text: #1e293b;--success: #22c55e;--error: #ef4444;--random: #8b5cf6;--note: #f59e0b;--save: #0f172a}body{font-family:Segoe UI,Tahoma,sans-serif;background:var(--bg);color:var(--text);padding:10px;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;margin:0;width:100%;overflow-x:hidden}.app-container{width:100%;max-width:850px;background:var(--card);border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:20px;display:flex;flex-direction:column;position:relative}.view-section{display:none;animation:fadeIn .3s ease-in-out}.view-section.active{display:block}.menu-header{text-align:center;margin-bottom:40px}.menu-header h1{color:var(--save);margin-bottom:10px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.menu-card{border:2px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:.2s;background:#fff}.menu-card:hover{transform:translateY(-3px);border-color:var(--primary)}.config-area{margin-top:30px;padding:20px;background:#f8fafc;border-radius:10px;border:1px dashed #cbd5e1}.full-width-select{width:100%;padding:10px;border-radius:6px;border:1px solid #cbd5e1;font-size:1em}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:2px solid #f1f5f9;margin-bottom:20px}.mode-badge{padding:5px 12px;border-radius:20px;font-size:.85em;font-weight:700;text-transform:uppercase}.badge-learn{background:#dbeafe;color:var(--primary)}.badge-exam{background:#fce7f3;color:#db2777}.timer-display{font-family:monospace;font-size:1.4em;font-weight:700;display:none}.timer-display.active{display:block}.timer-display.timer-warning{color:var(--error);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.score-board{font-weight:700;font-size:1.1em;display:flex;gap:15px}.question-content{font-size:1.25em;font-weight:600;line-height:1.5;margin-bottom:25px;color:#0f172a}.options-list{display:flex;flex-direction:column;gap:10px}.option-item{padding:15px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:.1s;font-size:1.05em;display:flex;align-items:flex-start}.option-item:hover:not(.disabled){border-color:var(--primary);background:#eff6ff}.option-item.correct{background:#dcfce7!important;border-color:var(--success)!important;color:#14532d;font-weight:700}.option-item.wrong{background:#fee2e2!important;border-color:var(--error)!important;color:#7f1d1d;opacity:.8}.option-item.disabled{cursor:default;pointer-events:none}.explanation-box{margin-top:25px;padding:20px;background:#f8fafc;border-left:5px solid var(--primary);border-radius:4px;display:none;line-height:1.6}.explanation-box.visible{display:block;animation:fadeIn .4s}.user-note-area{margin-top:15px;border-top:1px solid #cbd5e1;padding-top:15px}.note-input{width:100%;min-height:80px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:10px;resize:vertical}.btn-save-note{background:var(--success);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.nav-controls{margin-top:30px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s;flex:1;white-space:nowrap;font-size:1em}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#e2e8f0;color:#475569;flex:.5}.btn-secondary:hover{background:#cbd5e1}.btn-random{background:var(--random);color:#fff}.btn-note{background:var(--note);color:#fff;flex:.3}.btn-download{background:var(--save);color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;margin-left:10px;font-size:.9em}.hide-in-exam{display:none!important}.result-screen{text-align:center;padding:40px 20px}.final-score{font-size:4em;font-weight:700;color:var(--primary);margin:20px 0}#errorDisplay{color:#b91c1c;background:#fef2f2;padding:20px;border-radius:8px;margin-bottom:20px;display:none;border:2px solid #ef4444}.file-controls{margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0;text-align:center;font-size:.9em;color:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.menu-grid{grid-template-columns:1fr}.nav-controls{gap:8px}.btn{font-size:.9em;padding:10px}body{padding:5px}.app-container{padding:15px;border-radius:12px}.question-content{font-size:1.1em}.option-item{padding:12px;font-size:1em}.top-bar{flex-wrap:wrap;gap:10px}.score-board{font-size:.95em;gap:10px}.user-header{flex-wrap:wrap;gap:10px}.user-info{flex:1;min-width:200px}}@media(max-height:500px)and (orientation:landscape){body{padding:5px;align-items:flex-start}.app-container{max-width:100%;width:100%;min-height:auto;padding:15px;border-radius:8px}.question-content{font-size:1em;margin-bottom:15px}.options-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.option-item{padding:10px;font-size:.9em}.nav-controls{margin-top:15px}.btn{padding:8px 12px;font-size:.85em}.top-bar{padding-bottom:10px;margin-bottom:10px}.explanation-box{padding:12px;margin-top:15px}.user-note-area{padding-top:10px;margin-top:10px}.note-input{min-height:50px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu-card{padding:15px}.menu-header{margin-bottom:20px}.menu-header h1{font-size:1.5em}.login-card{padding:20px}.login-title{font-size:1.3em}.shortcuts-help-btn{width:40px;height:40px;font-size:1.2em;bottom:10px;right:10px}.stats-summary{grid-template-columns:repeat(4,1fr)}.courses-grid{grid-template-columns:repeat(2,1fr)}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f1f5f9}.login-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 25px #0000001a;text-align:center;max-width:400px;width:90%}.login-title{color:#3b82f6;margin-bottom:10px}.login-subtitle{color:#64748b;margin-bottom:30px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid #cbd5e1;color:#1e293b;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:.2s;font-size:1em}.btn-google:hover{background:#f8fafc;border-color:#94a3b8}.google-icon{width:20px;height:20px}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:42px;height:42px;border-radius:50%;border:2px solid #e2e8f0}.user-welcome{font-size:.85em;color:#64748b;display:block}.user-name{font-weight:700;color:#0f172a}.btn-logout{background:#f1f5f9;color:#64748b;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em}.btn-logout:hover{background:#e2e8f0;color:#ef4444}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#64748b}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.stats-section{margin-bottom:20px}.stats-loading{text-align:center;color:#64748b;padding:15px;font-size:.9em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:15px 10px;text-align:center}.stat-value{display:block;font-size:1.5em;font-weight:700;color:#3b82f6}.stat-label{font-size:.75em;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.question-count-hint{margin-top:10px;font-size:.9em;color:#64748b;text-align:center}.wrong-answers-list{max-height:500px;overflow-y:auto;text-align:left}.wrong-answer-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px}.wrong-answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wrong-answer-number{font-weight:700;color:#dc2626;font-size:.9em}.wrong-answer-category{font-size:.8em;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:4px}.wrong-answer-question{font-weight:600;color:#0f172a;margin-bottom:12px;line-height:1.4}.wrong-answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-box{padding:10px;border-radius:8px;font-size:.9em}.answer-label{display:block;font-size:.75em;text-transform:uppercase;margin-bottom:4px;opacity:.7}.answer-wrong{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.answer-correct{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.wrong-answer-explanation{margin-top:12px;padding:12px;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:4px;font-size:.9em;color:#475569;line-height:1.5}.keyboard-hint{position:fixed;bottom:20px;right:20px;background:#000000bf;color:#fff;padding:10px 15px;border-radius:8px;font-size:.8em;opacity:.6;transition:opacity .2s}.keyboard-hint:hover{opacity:1}.keyboard-hint kbd{background:#fff3;padding:2px 6px;border-radius:4px;margin:0 2px}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.wrong-answer-comparison{grid-template-columns:1fr}}.shortcuts-help-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;font-size:1.5em;cursor:pointer;box-shadow:0 4px 15px #3b82f666;transition:all .2s;z-index:100}.shortcuts-help-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #3b82f680}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.modal-content{background:#fff;border-radius:16px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.25em;color:#0f172a}.modal-close{background:none;border:none;font-size:1.8em;color:#64748b;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:#ef4444}.shortcuts-modal{padding-bottom:20px}.shortcuts-list{padding:0 20px}.shortcut-group{margin:20px 0}.shortcut-group h4{color:#64748b;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.shortcut-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9}.shortcut-item:last-child{border-bottom:none}.shortcut-item kbd{background:linear-gradient(180deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-family:Segoe UI,monospace;font-size:.9em;font-weight:600;color:#334155;min-width:45px;text-align:center;box-shadow:0 2px #cbd5e1}.shortcut-item span{color:#475569}.shortcuts-note{margin:15px 20px 0;padding:12px;background:#fef3c7;border-radius:8px;font-size:.85em;color:#92400e;text-align:center}.stats-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.stats-header h1{margin:0;color:#0f172a}.btn-back{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:1.2em;display:flex;align-items:center;justify-content:center;transition:.2s}.btn-back:hover{background:#e2e8f0}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat-card-lg{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.stat-card-lg .stat-value{display:block;font-size:2em;font-weight:700;color:#0f172a;margin-bottom:5px}.stat-card-lg .stat-label{font-size:.9em;color:#64748b}.stats-breakdown{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.breakdown-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border-radius:20px;font-size:.9em}.breakdown-item span:first-child{font-weight:600}.breakdown-exam{color:#db2777;background:#fce7f3}.breakdown-learn{color:#3b82f6;background:#dbeafe}.history-section{margin-top:20px}.history-section h2{font-size:1.2em;color:#0f172a;margin-bottom:15px;display:flex;align-items:center;gap:8px}.history-filters{display:flex;gap:10px;margin-bottom:15px}.filter-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#64748b;cursor:pointer;transition:.2s;font-size:.9em}.filter-btn:hover{border-color:#cbd5e1;background:#f8fafc}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.history-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:5px}.history-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:.2s}.history-item:hover{border-color:#cbd5e1;background:#fafafa}.history-date{font-size:.85em;color:#64748b;min-width:90px}.history-date div:first-child{font-weight:600;color:#475569}.history-score{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1em;min-width:100px}.history-meta{display:flex;gap:10px;flex-wrap:wrap;flex:1}.meta-badge{font-size:.8em;padding:4px 10px;border-radius:12px;background:#f1f5f9;color:#475569}.meta-badge.exam{background:#fce7f3;color:#db2777}.meta-badge.learn{background:#dbeafe;color:#3b82f6}.meta-badge.errors{background:#fee2e2;color:#dc2626}.empty-history{text-align:center;padding:40px 20px;color:#64748b}.empty-history span{font-size:3em;display:block;margin-bottom:15px}@media(max-width:700px){.stats-summary{grid-template-columns:repeat(2,1fr)}.stats-breakdown{flex-direction:column;gap:10px}.history-item{flex-direction:column;align-items:flex-start;gap:10px}.history-score{min-width:auto}}.payment-card{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto;box-sizing:border-box;overflow:hidden}.payment-icon{font-size:4em;margin-bottom:20px}.payment-card h1{color:var(--save);margin-bottom:20px;font-size:2em}.payment-info{color:#64748b;margin-bottom:30px;line-height:1.6}.payment-info strong{color:var(--text)}.subscription-status{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid #e2e8f0}.subscription-status h3{margin:0 0 15px;color:var(--save);font-size:1em;text-transform:uppercase;letter-spacing:.5px}.status-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e2e8f0}.status-row:last-child{border-bottom:none}.status-active{color:var(--success);font-weight:600}.status-inactive{color:var(--error);font-weight:600}.payment-price{margin-bottom:25px;display:flex;flex-direction:column;align-items:center;gap:5px}.discount-label{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9em;font-weight:700;margin-bottom:5px}.price-comparison{display:flex;align-items:center;gap:12px}.old-price{color:#94a3b8;text-decoration:line-through;font-size:1.3em}.payment-price .price{font-size:2.5em;font-weight:700;color:var(--primary)}.payment-price .period{font-size:1.2em;color:#64748b}.btn-payment{display:block;width:100%;padding:18px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.1em;font-weight:600;border:none;border-radius:12px;cursor:pointer;text-decoration:none;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #6366f166;box-sizing:border-box;word-wrap:break-word}.btn-payment:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-refresh{margin-top:15px;width:100%;padding:12px}.payment-note{margin-top:20px;font-size:.9em;color:#94a3b8}.btn-logout-payment{margin-top:30px;background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:10px 20px;border-radius:8px;cursor:pointer;transition:.2s}.btn-logout-payment:hover{background:#f1f5f9;color:var(--error);border-color:var(--error)}.courses-header{text-align:center;margin-bottom:30px}.courses-header h1{color:var(--save);margin-bottom:10px;font-size:2em}.courses-header p{color:#64748b}.full-access-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e;padding:15px 20px;border-radius:12px;text-align:center;margin-bottom:25px;font-weight:500}.courses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.course-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:25px 20px;text-align:center;cursor:pointer;transition:all .2s;position:relative}.course-card:hover:not(.coming-soon){transform:translateY(-4px);border-color:var(--course-color, var(--primary));box-shadow:0 8px 25px #0000001a}.course-card.coming-soon{opacity:.6;cursor:not-allowed}.course-card.has-access{border-color:var(--success);background:linear-gradient(180deg,#f0fdf4,#fff)}.course-icon{font-size:3em;margin-bottom:15px}.course-name{font-size:1.2em;font-weight:600;color:var(--save);margin:0 0 8px}.course-description{color:#64748b;font-size:.9em;margin:0 0 15px}.course-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85em;font-weight:600}.coming-soon-badge{background:#f1f5f9;color:#64748b}.active-badge{background:#dcfce7;color:#166534}.buy-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.course-access-info{display:flex;flex-direction:column;gap:5px;align-items:center}.course-expires{font-size:.8em;color:#64748b}.course-price-info{display:flex;flex-direction:column;align-items:center;gap:5px}.discount-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:3px 10px;border-radius:12px;font-size:.75em;font-weight:700}.price-row{display:flex;align-items:center;gap:8px}.original-price{color:#94a3b8;text-decoration:line-through;font-size:.85em}.full-access-promo{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #8b5cf6;border-radius:16px;padding:25px;text-align:center}.full-access-promo h3{color:#6d28d9;margin:0 0 10px}.full-access-promo p{color:#64748b;margin:0 0 15px}.trial-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:10px 20px;border-radius:8px;text-align:center;margin-bottom:20px;font-weight:500}.btn-back{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;color:#475569;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:.95em;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.btn-back:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:var(--primary);color:var(--primary);transform:translate(-2px);box-shadow:0 2px 6px #3b82f626}.btn-back-icon{font-size:1.3em;font-weight:300;line-height:1;margin-top:-1px}.btn-back-text{font-size:.95em}.btn-back-courses{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:500;transition:all .2s ease}.btn-back-courses:hover{background:#f8fafc;border-color:var(--primary);color:var(--primary);transform:translate(-2px)}.full-access-benefits{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:25px;text-align:left}.full-access-benefits h3{margin:0 0 15px;color:var(--save)}.full-access-benefits ul{list-style:none;padding:0;margin:0}.full-access-benefits li{padding:8px 0;color:#475569}@media(max-width:600px){.courses-grid{grid-template-columns:1fr}.course-icon{font-size:2.5em}}.landing-page{min-height:100vh;background:#fff;color:#1e293b;font-family:Segoe UI,Tahoma,sans-serif;overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;max-width:1200px;margin:0 auto}.landing-logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:2em}.logo-text{font-size:1.8em;font-weight:800;color:#1e3a5f}.logo-highlight{color:#fbbf24}.landing-nav-links{display:flex;gap:30px}.landing-nav-links a{color:#64748b;text-decoration:none;font-weight:500;transition:color .2s}.landing-nav-links a:hover{color:#3b82f6}.landing-hero{background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);min-height:90vh;position:relative;overflow:hidden}.landing-hero .landing-nav{background:transparent}.landing-hero .logo-text{color:#fff}.landing-hero .landing-nav-links a{color:#fffc}.landing-hero .landing-nav-links a:hover{color:#fff}.hero-content{max-width:600px;padding:60px 40px;color:#fff}.hero-content h1{font-size:3.5em;font-weight:800;margin:0 0 20px;line-height:1.1}.hero-content .highlight{color:#fbbf24}.hero-subtitle{font-size:1.3em;opacity:.9;margin-bottom:40px;line-height:1.6}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn-primary-landing{background:#fbbf24;color:#1e3a5f;border:none;padding:16px 32px;font-size:1.1em;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #fbbf2466}.btn-primary-landing:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.btn-primary-landing.large{padding:20px 40px;font-size:1.2em}.btn-secondary-landing{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);padding:14px 30px;font-size:1.1em;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary-landing:hover{background:#ffffff40;border-color:#ffffff80}.hero-trial-info{margin-top:25px;font-size:.95em;opacity:.8}.hero-image{position:absolute;right:5%;top:50%;transform:translateY(-50%)}.phone-mockup{width:300px;height:600px;background:#1e293b;border-radius:40px;padding:15px;box-shadow:0 25px 80px #0006}.phone-screen{width:100%;height:100%;background:#f8fafc;border-radius:28px;padding:20px;overflow:hidden}.mock-question{height:100%}.mock-category{background:#dbeafe;color:#1d4ed8;padding:8px 12px;border-radius:8px;font-size:.85em;font-weight:600;display:inline-block;margin-bottom:15px}.mock-text{font-size:1em;font-weight:600;color:#1e293b;margin-bottom:20px;line-height:1.5}.mock-options{display:flex;flex-direction:column;gap:10px}.mock-option{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:12px;font-size:.85em;color:#475569}.mock-option.correct{background:#dcfce7;border-color:#22c55e;color:#166534;font-weight:600}.landing-features{padding:100px 40px;max-width:1200px;margin:0 auto}.landing-features h2{text-align:center;font-size:2.5em;margin-bottom:60px;color:#1e293b}.landing-features .highlight{color:#3b82f6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#f8fafc;border-radius:16px;padding:30px;text-align:center;transition:all .3s;border:2px solid transparent}.feature-card:hover{transform:translateY(-5px);border-color:#3b82f6;box-shadow:0 10px 40px #3b82f626}.feature-icon{font-size:2.5em;margin-bottom:15px}.feature-card h3{font-size:1.2em;margin:0 0 10px;color:#1e293b}.feature-card p{color:#64748b;line-height:1.6;margin:0}.landing-pricing{background:#f1f5f9;padding:100px 40px}.landing-pricing h2{text-align:center;font-size:2.5em;margin-bottom:60px;color:#1e293b}.landing-pricing .highlight{color:#3b82f6}.pricing-cards{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1000px;margin:0 auto}.pricing-card{background:#fff;border-radius:20px;padding:40px 30px;width:300px;text-align:center;position:relative;border:2px solid #e2e8f0;transition:all .3s}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000001a}.pricing-card.featured{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 20px 60px #3b82f633}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#e2e8f0;color:#64748b;padding:6px 16px;border-radius:20px;font-size:.8em;font-weight:600;text-transform:uppercase}.pricing-badge.popular{background:#3b82f6;color:#fff}.pricing-card h3{font-size:1.4em;margin:15px 0 10px;color:#1e293b}.pricing-price{margin-bottom:25px}.pricing-price .price{font-size:3em;font-weight:800;color:#1e293b}.pricing-price .period{color:#64748b;font-size:1em}.pricing-features{list-style:none;padding:0;margin:0 0 30px;text-align:left}.pricing-features li{padding:10px 0;color:#475569;border-bottom:1px solid #f1f5f9}.btn-pricing{width:100%;padding:14px;border-radius:10px;border:2px solid #e2e8f0;background:#fff;color:#1e293b;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.btn-pricing:hover{border-color:#3b82f6;color:#3b82f6}.btn-pricing.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-pricing.primary:hover{background:#2563eb;border-color:#2563eb}.landing-cta{padding:100px 40px;text-align:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.landing-cta h2{font-size:2.5em;margin-bottom:15px}.landing-cta .highlight{color:#fbbf24}.landing-cta p{font-size:1.2em;opacity:.9;margin-bottom:30px}.landing-footer{background:#1e293b;color:#fff;padding:60px 40px 30px}.footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:40px}.footer-brand .logo-text{color:#fff}.footer-brand p{color:#94a3b8;margin-top:10px}.footer-links h4{margin:0 0 15px;color:#fff}.footer-links a{display:block;color:#94a3b8;text-decoration:none;padding:5px 0;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;margin-top:40px;padding-top:20px;text-align:center;color:#64748b;font-size:.9em;max-width:1200px;margin-left:auto;margin-right:auto}.footer-bottom a{color:#94a3b8}@media(max-width:1024px){.hero-image{display:none}.hero-content{max-width:100%;text-align:center;padding:40px 20px 80px}.hero-buttons{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-nav{flex-direction:column;gap:15px;padding:15px 20px}.landing-nav-links{gap:15px;font-size:.9em}.hero-content h1{font-size:2.5em}.hero-subtitle{font-size:1.1em}.features-grid{grid-template-columns:1fr}.landing-features,.landing-pricing,.landing-cta{padding:60px 20px}.landing-features h2,.landing-pricing h2,.landing-cta h2{font-size:2em}.pricing-cards{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:350px}.pricing-card.featured{transform:none}.footer-content{flex-direction:column;text-align:center}.footer-links{width:100%}}@media(max-width:480px){.hero-content h1{font-size:2em}.btn-primary-landing,.btn-secondary-landing{width:100%;text-align:center}.btn-primary-landing.large{padding:16px 24px;font-size:1em}}