:root{--bg:#f5f6fa;--surface:#fff;--border:#e2e5ee;--text:#4a4d58;--text-h:#1a1c25;--text-muted:#9296a2;--accent:#5b5fc7;--accent-h:#4b4fb2;--accent-light:#f0f1ff;--accent-ring:#5b5fc726;--success:#0a7146;--success-bg:#e6f7ee;--warning:#b45309;--danger:#dc2626;--radius:14px;--radius-sm:10px;--shadow:0 1px 4px #0000000a,0 1px 2px #00000008;--shadow-md:0 4px 14px #0000000d,0 2px 6px #00000008;--shadow-lg:0 8px 28px #00000012,0 4px 10px #0000000a;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",system-ui,sans-serif;--font-mono:"SF Mono","JetBrains Mono",ui-monospace,monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font:14px/1.55 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{overflow-y:auto}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;z-index:10;background:linear-gradient(135deg,#1e1b4b,#312e81,#3730a3);flex-shrink:0;align-items:center;gap:16px;height:60px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #0000001a}.app-logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.app-logo-icon{background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.app-logo-accent{color:#a5b4fc}.reset-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.reset-btn:hover{background:#fff3;border-color:#ffffff59}.reset-btn:disabled{opacity:.4;pointer-events:none}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}.calc-layout{align-items:flex-start;gap:40px;display:flex}.questions-column{flex:1;min-width:0}.results-column{flex-shrink:0;width:400px;position:sticky;top:92px}@media (width<=900px){.calc-layout{flex-direction:column}.results-column{width:100%;position:static}}.section-heading{color:var(--text-h);margin-bottom:6px;font-size:22px;font-weight:700}.section-sub{color:var(--text-muted);margin-bottom:24px;font-size:13px}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:16px;margin-bottom:12px;padding:18px 20px;transition:all .2s;animation:.3s both fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-card:hover{box-shadow:var(--shadow-md);border-color:#c4c8e0}.question-card.info{background:#fafbfc;border-color:#e2e5ee}.question-card.info .q-number{color:#9296a2;background:#f0f1f5}.q-number{background:var(--accent-light);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:13px;font-weight:700;display:flex}.q-content{flex:1;min-width:0}.q-text{color:var(--text-h);margin-bottom:10px;font-size:14px;font-weight:500;line-height:1.5}.q-select-wrap select{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-h);cursor:pointer;appearance:none;background:#f9fafb;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}.q-select-wrap{position:relative}.q-select-wrap:after{content:"▾";color:var(--text-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.q-select-wrap select:hover{border-color:#b8bdd8}.q-select-wrap select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:#fff}.q-select-wrap select.filled{background:#fafdfb;border-color:#86d4a8}.q-hint{border-radius:var(--radius-sm);color:var(--warning);background:#fffbeb;border:1px solid #fde68a;margin-top:10px;padding:10px 14px;font-size:13px;font-style:italic;line-height:1.5}.calc-btn{border-radius:var(--radius);cursor:pointer;color:#9ca3af;opacity:.6;pointer-events:none;background:#d1d5db;border:none;width:100%;margin-top:24px;padding:16px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:block}.calc-btn.active{background:var(--accent);color:#fff;opacity:1;pointer-events:auto;box-shadow:0 4px 14px #5b5fc759}.calc-btn.active:hover{background:var(--accent-h);transform:translateY(-1px);box-shadow:0 6px 20px #5b5fc766}.calc-btn:disabled{opacity:.6;pointer-events:none}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:18px 22px}.price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:600}.price-value{color:var(--text-h);font-size:24px;font-weight:700}.price-value.old{color:var(--text-muted);-webkit-text-decoration:line-through #d1d5db;text-decoration:line-through #d1d5db}.price-value.big{color:var(--success);font-size:30px}.price-save{color:var(--text-muted);margin-top:4px;font-size:12px}.price-card.highlight{background:var(--success-bg);border:2px solid #86d4a8;box-shadow:0 0 20px #0a714614}.price-card.smart-price{background:var(--accent-light);border:2px solid #c4c0f0;box-shadow:0 4px 14px #5b5fc71f}.model-name{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent);text-align:center;margin:20px 0;padding:16px 20px;font-size:15px;font-weight:500}.choices-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:20px 0;padding:20px}.choices-list h3{color:var(--text-h);margin-bottom:12px;font-size:14px;font-weight:600}.choices-list ul{flex-direction:column;gap:8px;list-style:none;display:flex}.choices-list li{color:var(--text);border:1px solid var(--border);background:#f9fafb;border-radius:8px;padding:6px 12px;font-size:13px}.download-btn{background:var(--danger);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:16px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:block;box-shadow:0 4px 12px #dc262640}.download-btn:hover{opacity:.9;transform:translateY(-1px)}.offer-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;width:100%;margin-top:16px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:block;box-shadow:0 4px 12px #0596694d}.offer-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 18px #05966966}.offer-btn:disabled{opacity:.5;pointer-events:none;transform:none}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ccc;border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.promo-tooltip{color:#666;cursor:help;background:#d0d4e0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.promo-tooltip:hover:after{content:attr(data-tooltip);color:#fff;white-space:pre-line;z-index:100;pointer-events:none;text-align:left;background:#1a1c25;border-radius:6px;width:max-content;min-width:280px;max-width:380px;padding:8px 12px;font-size:11px;font-weight:400;line-height:1.5;position:absolute;bottom:0;left:calc(100% + 8px)}.calc-error{color:var(--danger);text-align:center;margin-top:10px;font-size:13px}.question-card.error{background:#fef2f2;border-color:#fca5a5}.question-card.error .q-number{color:#dc2626;background:#fee2e2}.q-error{border-radius:var(--radius-sm);color:var(--danger);background:#fef2f2;border:1px solid #fecaca;margin-top:10px;padding:8px 12px;font-size:12px;line-height:1.5}.q-error-item:before{content:"⚠ "}.q-select-wrap select.error{border-color:#fca5a5}option.invalid-option{color:#dc2626}.loading-screen{height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}
