:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#f0f9ff;--text-color:#1f2937;--light-gray:#f3f4f6;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--border-radius:0.5rem}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#f9fafb;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}body,h1{color:var(--text-color)}h1{text-align:center;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;position:relative;padding-bottom:.75rem}h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.form-group{margin-bottom:1.25rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.95rem}button,select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:all .2s ease}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;background-color:#fff}button:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.15)}select:hover:not(:disabled){border-color:#cbd5e1}select:disabled{background-color:var(--light-gray);cursor:not-allowed;opacity:.7}button{background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;font-weight:500;margin-top:1rem;transition:background-color .2s,transform .1s;display:flex;justify-content:center;align-items:center;height:3rem}button:hover:not(:disabled){background-color:var(--primary-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.7;cursor:not-allowed}.result{margin-top:1.5rem;padding:1.25rem;background-color:var(--secondary-color);border:1px solid #bfdbfe;border-radius:var(--border-radius);text-align:center;animation:fadeIn .3s ease-in-out}.result h3{margin-bottom:.5rem;font-size:1.1rem;color:#1e40af}.result p{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.error{margin-top:1rem;padding:.75rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#b91c1c;text-align:center;font-size:.95rem;animation:shake .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@media (max-width:480px){.quote-container{padding:1.5rem;margin:1rem}h1{font-size:1.5rem}button,select{padding:.7rem .9rem}}.multiSelectContainer,.searchWrapper{width:100%!important;max-width:100%!important;position:relative}.searchWrapper{overflow:hidden!important}.optionListContainer{width:100%!important;position:absolute!important;z-index:50}