.error-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;backdrop-filter:blur(4px)}.error-popup{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;max-width:460px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out;display:flex;flex-direction:column;gap:.75rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon{width:40px;height:40px;display:grid;place-items:center;background:#f59e0b1a;border-radius:50%;color:#f59e0b}.error-message-text{margin:0;font-size:.95rem;color:var(--color-text);line-height:1.6}.error-header{display:flex;align-items:center;gap:.75rem}.error-kicker{margin:0;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;color:var(--color-text-secondary)}.error-title{margin:0;font-size:1.1rem;color:var(--color-primary)}.close-error-btn{width:100%;padding:.75rem 1.5rem;background:var(--color-primary);border:2px solid var(--color-primary);color:#fff;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:all .2s;font-size:.95rem;text-transform:uppercase;letter-spacing:.3px}.close-error-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-1px)}@media (max-width: 600px){.error-popup{padding:1.25rem}}@media (max-width: 640px){.page-main h1{font-size:2rem!important}#result-links{padding:1.25rem!important;margin-top:1rem!important}#result-links h3{font-size:1.2rem!important}#result-links p{font-size:.85rem!important}#result-links button,#result-links a.btn{min-width:44px!important;min-height:44px!important;padding:.65rem .85rem!important}#result-links input{font-size:.8rem!important;padding:.65rem!important}#result-links label{font-size:.8rem!important}}@media (max-width: 480px){.page-main{padding:1rem!important}.page-main h1{font-size:1.75rem!important}.page-main>div>div:first-child p{font-size:.85rem!important}#result-links{padding:1rem!important;margin-top:.75rem!important}#result-links h3{font-size:1.1rem!important;margin-bottom:.25rem!important}#result-links>p:first-of-type{font-size:.8rem!important;margin-bottom:1rem!important}#result-links>div{margin-bottom:1rem!important}#result-links>div>div{flex-wrap:wrap!important}#result-links input{flex:1 1 100%!important;margin-bottom:.5rem!important;font-size:.75rem!important;padding:.6rem!important}#result-links button,#result-links a.btn{flex:1!important;min-width:0!important;padding:.6rem .75rem!important;display:flex!important;align-items:center!important;justify-content:center!important}#result-links label{font-size:.75rem!important;margin-bottom:.4rem!important}#result-links>div:last-child{margin-bottom:0!important}}@media (max-width: 360px){.page-main h1{font-size:1.5rem!important}#result-links h3{font-size:1rem!important}#result-links input{font-size:.7rem!important;padding:.55rem!important}#result-links button svg,#result-links a.btn svg{width:16px!important;height:16px!important}}.how-it-works{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius)}.step{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem}.step-number{width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.step-content h3{margin:0;font-size:.95rem;font-weight:700;color:var(--color-text)}.step-content p{margin:.15rem 0 0;font-size:.8rem;color:var(--color-text-secondary)}.step-arrow{color:var(--color-primary);opacity:.6;flex-shrink:0}.step-arrow svg{display:block}@media (max-width: 768px){.how-it-works{gap:.35rem;padding:.6rem .4rem}.step{flex-direction:column;text-align:center;padding:.3rem;gap:.3rem}.step-number{width:26px;height:26px;font-size:.85rem}.step-content h3{font-size:.8rem}.step-content p{display:none}.step-arrow svg{width:16px;height:16px}.upload-text-desktop,.upload-subtext-desktop{display:none!important}.upload-text-mobile{display:block!important}}@media (max-width: 380px){.how-it-works{gap:.2rem;padding:.5rem .2rem}.step{padding:.2rem;gap:.2rem}.step-number{width:22px;height:22px;font-size:.75rem}.step-content h3{font-size:.7rem}.step-arrow svg{width:14px;height:14px}}.upload-text-mobile{display:none}