*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090b;--surface:#111113;--surface2:#18181b;--border:#27272a;--border2:#3f3f46;--text:#fafafa;--text2:#a1a1aa;--text3:#71717a;--accent:#6366f1;--accent2:#818cf8;--green:#22c55e;--red:#ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.page,body{min-height:100vh}.page{display:flex;flex-direction:column}.hero{border-bottom:1px solid var(--border);padding:64px 24px 48px;text-align:center;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.12),transparent)}.logo{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:999px;padding:6px 14px;margin-bottom:24px}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.1rem;color:var(--text2);max-width:480px;margin:0 auto;line-height:1.6}.main{flex:1 1;max-width:760px;width:100%;margin:0 auto;padding:40px 24px 80px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:40px}.form-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}.input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s;resize:none}.input::placeholder{color:var(--text3)}.input:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;margin-top:16px;align-items:end}.budget-wrap{position:relative}.budget-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:.95rem;pointer-events:none}.input-budget{padding-left:28px}.btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:13px 24px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s;display:flex;align-items:center;gap:8px}.btn:hover{background:var(--accent2)}.btn:disabled{opacity:.4;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--text3);font-size:.8rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.results-count{font-size:.85rem;color:var(--text2)}.results-count span{color:var(--text);font-weight:600}.cards{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px;transition:border-color .15s;cursor:default}.card:hover{border-color:var(--border2)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.card-rank{font-size:.7rem;font-weight:700;color:var(--accent2);background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:6px;padding:3px 8px;flex-shrink:0;margin-top:2px}.card-name{font-size:1rem;font-weight:600;color:var(--text);line-height:1.3;flex:1 1}.card-price{font-size:1rem;font-weight:700;color:var(--green);flex-shrink:0}.specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.spec{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.75rem;color:var(--text2);display:flex;align-items:center;gap:5px}.spec-icon{color:var(--text3);font-size:.7rem}.card-why{font-size:.875rem;color:var(--text2);line-height:1.55;padding-top:12px;border-top:1px solid var(--border)}.error-box{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:14px 16px;color:#fca5a5;font-size:.9rem;margin-top:16px}.loading-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0;color:var(--text2)}.spinner{width:32px;height:32px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:.9rem}.empty-state{text-align:center;padding:60px 0;color:var(--text3)}.empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.4}.empty-text{font-size:.9rem}@media (max-width:560px){.form-row{grid-template-columns:1fr}.btn{width:100%;justify-content:center}.card-top{flex-wrap:wrap}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}