.scan-wrapper{display:flex;flex-direction:column;align-items:center;border:1px dashed var(--white-10);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--white-5);padding:32px;font-family:var(--font-manrope);@media (max-width:767px){padding-left:20px;padding-bottom:20px;padding-right:20px;padding-top:20px}&.dragover{border-color:var(--primary);background:var(--white-10)}}& .scan-icon{width:44px;height:44px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--white-10);border-radius:50%;margin-bottom:12px}& .scan-title{font-size:24px;font-weight:400;color:var(--white);margin-bottom:12px;text-align:center}& .scan-subtitle{color:var(--white-60);font-weight:300;line-height:140%;margin-bottom:32px;@media (max-width:767px){text-align:center}}& .scan-button-container{margin-bottom:32px;& .scan-button{padding:8px 24px 8px 16px;border-radius:12px;background:var(--primary);font-family:var(--font-manrope);outline:none;border:none;cursor:pointer;display:flex;align-items:center;font-size:16px;font-weight:500;color:var(--black);& svg{margin-right:8px}@media (max-width:767px){padding-left:16px;padding-bottom:10px;padding-right:24px;padding-top:10px}}}& .scan-info{color:var(--white-50);font-size:12px;font-weight:300}.vin-num-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 20px;gap:5px;padding-bottom:10px;font-family:var(--font-manrope);& .vin-num-input-container{display:flex;@media (max-width:400px){flex-direction:column}& .vin-num-input{width:100%;max-width:400px;padding:12px 16px;border-radius:12px 0 0 12px;background:var(--white-5);border:1px solid var(--white-10);color:var(--white);font-size:16px;outline:none;transition:border-color .3s;&.error{border-color:var(--error)}&:focus{border-color:var(--primary)}@media (max-width:400px){border-radius:12px 12px 0 0}}& .vin-num-button{padding:12px 16px;font-family:var(--font-manrope);border-radius:0 12px 12px 0;background:var(--primary);font-size:16px;border:none;cursor:pointer;outline:none;display:flex;align-items:center;font-weight:500;color:var(--black);width:120px;flex-shrink:0;gap:8px;@media (max-width:400px){border-radius:0 0 12px 12px;width:100%;justify-content:center}&:disabled{background:var(--white-10);cursor:not-allowed;color:var(--white-20)}.loading-spinner{width:16px;height:16px;border:2px solid var(--black);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}}}& .error-message{color:transparent;font-family:var(--font-dm-sans);font-size:14px;font-weight:400;line-height:140%;height:14px;&.visible{color:var(--error)}}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}