:root{--vie-primary:#F24F1E;--vie-primary-dark:#4c2e26;--vie-light:#F8F9FA;--vie-border:#E1E8ED;--vie-text:#2C3E50}*{box-sizing:border-box}.vie-container{display:grid;grid-template-columns:420px 1fr;gap:0;max-width:1400px;margin:0 auto;min-height:600px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .08)}.vie-panel{padding:40px}.vie-form-panel{background:var(--vie-light);border-right:1px solid var(--vie-border);min-width:420px;max-width:420px}.vie-results-panel{background:#fff;overflow-y:auto;max-height:600px}.vie-form-wrapper{min-height:480px}.vie-step{margin-bottom:24px}.vie-step-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.vie-step-number{width:36px;height:36px;background:var(--vie-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.vie-step-header h3{font-size:20px;color:var(--vie-text);margin:0;line-height:1.3}.vie-step-content{flex:1}.vie-dropdown{width:100%;padding:14px;font-size:15px;border:2px solid var(--vie-border);border-radius:8px;background:#fff;cursor:pointer;transition:all 0.2s;margin-bottom:16px}.vie-dropdown:focus{outline:none;border-color:var(--vie-primary)}.vie-submit-btn{width:100%;padding:16px;background:var(--vie-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s;margin-top:8px}.vie-submit-btn:hover:not(:disabled){background:var(--vie-primary-dark)}.vie-submit-btn:disabled{opacity:.5;cursor:not-allowed}.vie-progress{margin-top:32px;height:4px;background:var(--vie-border);border-radius:4px}.vie-progress-bar{height:100%;background:var(--vie-primary);width:33%;transition:width 0.3s;border-radius:4px}.vie-reset-btn{background:#fff0;border:none;color:var(--vie-primary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;margin-bottom:20px;display:inline-flex;align-items:center;gap:4px;transition:all 0.2s}.vie-reset-btn:hover{color:var(--vie-primary-dark)}.vie-results-placeholder{text-align:center;padding:60px 40px}.vie-placeholder-icon{font-size:48px;margin-bottom:20px}.vie-results-placeholder h2{font-size:28px;color:var(--vie-text);margin-bottom:16px;line-height:1.3}.vie-results-placeholder p{font-size:16px;color:#666;margin-bottom:32px}.vie-placeholder-list{text-align:left;max-width:480px;margin:0 auto;list-style:none}.vie-placeholder-list li{padding:10px 0;font-size:15px;color:var(--vie-text)}.vie-results-loading{text-align:center;padding:80px 40px}.vie-spinner{width:48px;height:48px;border:4px solid var(--vie-border);border-top-color:var(--vie-primary);border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.vie-results-content{padding:20px 0}.vie-results-header{margin-bottom:28px}.vie-results-header h2{font-size:24px;color:var(--vie-text);margin-bottom:12px;line-height:1.4}.vie-results-header p{font-size:15px;color:#666;line-height:1.6}.vie-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.vie-stat-card{background:var(--vie-light);padding:20px;border-radius:8px;text-align:center}.vie-stat-value{font-size:28px;font-weight:700;color:var(--vie-primary);margin-bottom:6px}.vie-stat-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.vie-benefits{margin-bottom:28px}.vie-benefits h3{font-size:17px;color:var(--vie-text);margin-bottom:16px;font-weight:600}.vie-benefits ul{list-style:none}.vie-benefits li{padding:9px 0;font-size:14px;color:var(--vie-text);display:flex;align-items:flex-start;gap:10px;line-height:1.5}.vie-benefits li::before{content:"✓";color:var(--vie-primary);font-weight:700;flex-shrink:0;font-size:16px}.vie-courses{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vie-course-card{background:#fff;border:2px solid var(--vie-border);border-radius:10px;padding:24px;position:relative}.vie-course-card.vie-recommended{border-color:var(--vie-primary);box-shadow:0 4px 16px rgb(242 79 30 / .12)}.vie-course-badge{position:absolute;top:-12px;right:20px;background:var(--vie-primary);color:#fff;padding:5px 14px;border-radius:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vie-course-title{font-size:20px;color:var(--vie-text);margin-bottom:10px;font-weight:600}.vie-course-price{font-size:32px;font-weight:700;color:var(--vie-primary);margin-bottom:14px}.vie-course-desc{font-size:13px;color:#666;margin-bottom:18px;line-height:1.6}.vie-course-btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s}.vie-recommended .vie-course-btn{background:var(--vie-primary);color:#fff}.vie-recommended .vie-course-btn:hover{background:var(--vie-primary-dark)}.vie-course-card:not(.vie-recommended) .vie-course-btn{background:#fff;color:var(--vie-primary);border:2px solid var(--vie-primary)}.vie-course-card:not(.vie-recommended) .vie-course-btn:hover{background:var(--vie-light)}@media (max-width:968px){.vie-container{grid-template-columns:1fr;min-height:auto}.vie-form-panel{border-right:none;border-bottom:1px solid var(--vie-border);min-width:100%;max-width:100%}.vie-results-panel{max-height:none}.vie-stats-grid{grid-template-columns:1fr;gap:12px}.vie-courses{grid-template-columns:1fr}}@media (min-width:969px) and (max-width:1200px){.vie-courses{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vie-panel{padding:24px}.vie-results-header h2{font-size:20px}.vie-stat-value{font-size:24px}}