*{margin:0;padding:0;box-sizing:border-box}html{background:linear-gradient(135deg,#22c55e,#16a34a)}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#dcfce7,#bbf7d0,#86efac);position:relative;overflow:hidden}.animated-map{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0;opacity:.4;contain:layout style paint;will-change:contents;pointer-events:none}.map-svg{width:100%;height:100%;position:absolute;top:0;left:0}.map-street{stroke:#22c55e59;stroke-width:1;fill:none;stroke-linecap:round;animation:street-fade 4s infinite ease-in-out;will-change:opacity,stroke-dashoffset}.map-street-primary{stroke:#16a34a73;stroke-width:1.5}.map-street-secondary{stroke:#22c55e4d;stroke-width:1}@keyframes street-fade{0%{opacity:0}20%{opacity:.5}50%{opacity:.65}80%{opacity:.5}to{opacity:0}}.map-street{stroke-dasharray:10,5;stroke-dashoffset:0;animation:street-fade 4s infinite ease-in-out,draw-street 3s linear infinite}.map-street-primary{stroke-dasharray:12,6;animation:street-fade 5s infinite ease-in-out,draw-street 4s linear infinite}@keyframes draw-street{0%{stroke-dashoffset:0}to{stroke-dashoffset:-50}}.map-street-primary:nth-child(1){animation-delay:0s,0s}.map-street-primary:nth-child(2){animation-delay:.6s,.3s}.map-street-primary:nth-child(3){animation-delay:1.2s,.6s}.map-street-primary:nth-child(4){animation-delay:.3s,.15s}.map-street-primary:nth-child(5){animation-delay:.9s,.45s}.map-street-primary:nth-child(6){animation-delay:1.5s,.75s}.map-street-secondary:nth-child(7){animation-delay:.2s,.1s}.map-street-secondary:nth-child(8){animation-delay:.8s,.4s}.map-street-secondary:nth-child(9){animation-delay:1.4s,.7s}.map-street-secondary:nth-child(10){animation-delay:2s,1s}.map-street-secondary:nth-child(11){animation-delay:.4s,.2s}.map-street-secondary:nth-child(12){animation-delay:1s,.5s}.map-street-secondary:nth-child(13){animation-delay:1.6s,.8s}.map-street-secondary:nth-child(14){animation-delay:2.2s,1.1s}.gps-marker{position:absolute;transform:translate(-50%,-50%);z-index:1;animation:move-delivery 20s infinite ease-in-out;will-change:left,top}.gps-marker-2{animation:move-delivery-2 25s infinite ease-in-out;animation-delay:5s}.gps-marker-3{animation:move-delivery-3 18s infinite ease-in-out;animation-delay:10s}.gps-pulse{position:absolute;width:30px;height:30px;border-radius:50%;background:#22c55eb3;border:4px solid rgba(22,163,74,.9);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-gps 1.5s infinite ease-out;box-shadow:0 0 20px #22c55ecc;will-change:transform,opacity}.gps-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#16a34a;border:3px solid white;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #22c55e,0 0 40px #22c55e99,0 0 60px #22c55e4d;z-index:2}.gps-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;z-index:3;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}@keyframes pulse-gps{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(2.5);opacity:.4}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes move-delivery{0%{left:20%;top:20%}12.5%{left:50%;top:20%}25%{left:50%;top:40%}37.5%{left:80%;top:40%}50%{left:80%;top:60%}62.5%{left:50%;top:60%}75%{left:50%;top:80%}87.5%{left:20%;top:80%}to{left:20%;top:20%}}@keyframes move-delivery-2{0%{left:80%;top:40%}20%{left:50%;top:40%}40%{left:50%;top:60%}60%{left:20%;top:60%}80%{left:20%;top:40%}to{left:80%;top:40%}}@keyframes move-delivery-3{0%{left:50%;top:60%}25%{left:80%;top:60%}50%{left:80%;top:80%}75%{left:20%;top:80%}to{left:50%;top:60%}}.fonts-loaded *,.fonts-loaded body,html.fonts-loaded *{font-family:Poppins,ui-sans-serif,system-ui,sans-serif!important}.login-container{width:100%;max-width:600px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #16a34a33;overflow:hidden;position:relative;z-index:10;max-height:90vh;display:flex;flex-direction:column}.login-header{background:linear-gradient(135deg,#22c55e,#16a34a);padding:2.5rem 2rem 2rem;text-align:center;color:#fff;position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:center}.login-header:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.mountains-wave{position:absolute;top:5.6rem;left:0;right:0;width:100%;height:60px;overflow:hidden;z-index:14}.mountains-svg{width:200%;height:100%;display:block;animation:mountains-move 8s linear infinite;will-change:transform}.mountain-path{fill:#fff3}.mountain-path-1{fill:#ffffff40}.mountain-path-2{fill:#fff3}.mountain-path-3{fill:#ffffff26}@keyframes mountains-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.login-logo{font-size:3rem;font-weight:900;margin-bottom:.25rem;letter-spacing:-2px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1;line-height:1}.login-subtitle{font-size:.9rem;opacity:.95;font-weight:500;position:relative;z-index:1;margin-top:0;line-height:1.2}.capybara-decoration{position:absolute;top:5.8rem;right:20px;width:120px;height:auto;opacity:1;transform:rotate(-10deg);z-index:20;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:capybara-move 8s ease-in-out infinite;will-change:transform}@keyframes capybara-move{0%{transform:rotate(-10deg) translateY(0) translate(0)}10%{transform:rotate(-10deg) translateY(-3px) translate(-5px)}20%{transform:rotate(-10deg) translateY(-3px) translate(-5px)}30%{transform:rotate(-10deg) translateY(2px) translate(4px)}40%{transform:rotate(-10deg) translateY(2px) translate(4px)}50%{transform:rotate(-10deg) translateY(-2px) translate(-3px)}60%{transform:rotate(-10deg) translateY(-2px) translate(-3px)}70%{transform:rotate(-10deg) translateY(3px) translate(5px)}80%{transform:rotate(-10deg) translateY(3px) translate(5px)}90%{transform:rotate(-10deg) translateY(0) translate(0)}to{transform:rotate(-10deg) translateY(0) translate(0)}}.road-container{position:absolute;top:8.8rem;left:0;right:0;width:100%;height:40px;overflow:hidden;z-index:15}.road-svg{width:100%;height:100%;position:absolute}.road-line{stroke:#fff;stroke-width:2.5;stroke-dasharray:8,6;fill:none;animation:road-move 1s linear infinite}@keyframes road-move{0%{stroke-dashoffset:0}to{stroke-dashoffset:14}}.road-background{fill:#022c22;opacity:.9}.login-body{padding:2.5rem 2rem;position:relative;overflow-y:auto;flex:1}.form-section-title{font-size:1.1rem;font-weight:700;color:#065f46;margin-top:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #bbf7d0}.form-section-title:first-of-type{margin-top:0}.info-note{display:flex;gap:.75rem;background:#dbeafe;border:2px solid #3b82f6;border-radius:12px;padding:1rem;margin-bottom:1.5rem;align-items:flex-start}.info-icon{width:24px;height:24px;color:#3b82f6;flex-shrink:0;margin-top:.125rem}.info-text{flex:1;font-size:.9rem;color:#1e40af;line-height:1.5}.info-text strong{color:#1e3a8a;font-weight:700}.file-input-wrapper{position:relative;display:block}.file-input{width:100%;padding:.875rem 1.25rem;border:2px solid #15803d;border-radius:12px;font-size:1rem;transition:all .3s;background:#d1fae5;color:#064e3b;cursor:pointer}.file-input.hidden{display:none}.file-input:focus{outline:none;border-color:#15803d;background:#fff;box-shadow:0 0 0 3px #15803d26}.file-input::file-selector-button{padding:.5rem 1rem;margin-right:1rem;border:none;border-radius:8px;background:#16a34a;color:#fff;font-weight:600;cursor:pointer;transition:background .3s}.file-input::file-selector-button:hover{background:#15803d}.file-preview{margin-top:.5rem}.image-preview-container{position:relative;display:inline-block;margin-top:.75rem}.image-preview{max-width:200px;max-height:200px;border-radius:8px;border:2px solid #15803d;box-shadow:0 2px 8px #0000001a;object-fit:cover}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:#dc2626;color:#fff;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;transition:all .3s;z-index:10}.remove-image-btn:hover{background:#b91c1c;transform:scale(1.1)}.remove-image-btn svg{width:16px;height:16px}.file-name{display:block;margin-top:.5rem;font-size:.85rem;color:#064e3b;font-style:italic}.file-info{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.file-info .file-name{margin-top:0;font-weight:500}.file-size{font-size:.75rem;color:#059669;font-weight:500}.size-reduction{color:#16a34a;font-weight:600}.compression-loading{margin-top:.75rem;padding:1rem;background:#f0fdf4;border:2px solid #16a34a;border-radius:12px}.compression-progress-bar{width:100%;height:8px;background:#d1fae5;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.compression-progress-fill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e,#16a34a);background-size:200% 100%;border-radius:4px;transition:width .3s ease;animation:progress-shimmer 1.5s infinite}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.compression-progress-text{text-align:center;font-size:.875rem;color:#065f46;font-weight:500}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;color:#065f46;margin-bottom:.5rem;font-size:.95rem;text-align:left}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:20px;height:20px;color:#15803d;pointer-events:none;z-index:1}.form-input{width:100%;padding:.875rem 1.25rem .875rem 3rem;border:2px solid #15803d;border-radius:12px;font-size:1rem;transition:all .3s;background:#fff;color:#064e3b}.form-input:focus{outline:none;border-color:#15803d;background:#d1fae5;box-shadow:0 0 0 3px #15803d26}.form-input:focus+.input-icon,.form-input:focus~.input-icon{color:#15803d}.form-input::placeholder{color:#9ca3af}select.form-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2315803d'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:20px 20px!important;background-color:#fff!important;padding-right:3rem!important;cursor:pointer}select.form-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2315803d'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:20px 20px!important}select.form-input option{background-color:#fff;color:#064e3b}.form-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#16a34a;cursor:pointer}.form-checkbox label{font-size:.9rem;color:#064e3b;cursor:pointer}.btn-login{width:100%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:1rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #16a34a4d;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-login-icon{width:20px;height:20px;flex-shrink:0}.btn-loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #16a34a66}.btn-login:active{transform:translateY(0)}.error-message{background:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border-left:4px solid #dc2626}.error-list{list-style:none;margin:0;padding:0}.error-list li{margin-bottom:.25rem}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #bbf7d0}.login-footer p{color:#064e3b;font-size:.9rem;margin-bottom:.75rem}.login-footer a{color:#16a34a;text-decoration:none;font-weight:600;transition:color .3s}.login-footer a:hover{color:#15803d;text-decoration:underline}.back-home{display:inline-flex;align-items:center;gap:.5rem;color:#16a34a;text-decoration:none;font-weight:600;margin-bottom:1rem;transition:all .3s}.back-home:hover{color:#15803d;transform:translate(-3px)}.back-home svg{width:20px;height:20px}@media(max-width:768px){body{padding:0;align-items:flex-start}.login-container{border-radius:0;max-width:100%;width:100%;height:100vh;min-height:100vh;display:flex;flex-direction:column}.login-header{padding:2rem 1.5rem}.login-logo{font-size:2.5rem}.login-body{padding:2rem 1.5rem;padding-bottom:calc(2rem + 70px);flex:1;display:flex;flex-direction:column;align-items:center;position:relative;padding-top:1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.back-home{position:absolute;top:1rem;left:1.5rem;align-self:flex-start;z-index:10}.login-body form{width:100%;max-width:400px;margin-top:0;padding-top:3rem;padding-bottom:1rem}.btn-login{margin-bottom:0}.form-section-title:first-of-type{margin-top:0}.info-note{padding:.875rem;gap:.625rem}.info-icon{width:20px;height:20px}.info-text{font-size:.85rem}.image-preview{max-width:150px;max-height:150px}.remove-image-btn{width:24px;height:24px}.remove-image-btn svg{width:14px;height:14px}.form-label,.form-input{text-align:left}select.form-input{text-align:left;padding-left:3rem}.error-message{text-align:center}.capybara-decoration{width:100px;top:5rem;right:15px;transform:rotate(-10deg);animation:capybara-move-mobile 8s ease-in-out infinite}@keyframes capybara-move-mobile{0%{transform:rotate(-10deg) translateY(0) translate(0)}10%{transform:rotate(-10deg) translateY(-2px) translate(-4px)}20%{transform:rotate(-10deg) translateY(-2px) translate(-4px)}30%{transform:rotate(-10deg) translateY(1.5px) translate(3px)}40%{transform:rotate(-10deg) translateY(1.5px) translate(3px)}50%{transform:rotate(-10deg) translateY(-1.5px) translate(-2px)}60%{transform:rotate(-10deg) translateY(-1.5px) translate(-2px)}70%{transform:rotate(-10deg) translateY(2px) translate(4px)}80%{transform:rotate(-10deg) translateY(2px) translate(4px)}90%{transform:rotate(-10deg) translateY(0) translate(0)}to{transform:rotate(-10deg) translateY(0) translate(0)}}.road-container{top:7.2rem;width:100%;height:30px}.mountains-wave{top:4.1rem;height:50px}.capybara-decoration{top:5rem;transform:rotate(-10deg)}}.verification-flow{display:none}.verification-flow.active{display:block;animation:fadeInUp .4s ease-out}.registration-form-wrapper{display:none}.registration-form-wrapper.active{display:block;animation:fadeInUp .4s ease-out}.registration-form{display:block;width:100%}.registration-form.active{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verification-progress{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;padding:1rem;background:#fff9;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-step{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#6b7280}.progress-step.active,.progress-step.completed{color:#16a34a}.progress-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;font-weight:700;transition:all .3s ease}.progress-step.active .progress-step-number{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #16a34a4d}.progress-step.completed .progress-step-number{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.progress-connector{width:40px;height:2px;background:#e5e7eb;transition:all .3s ease}.progress-connector.completed{background:linear-gradient(90deg,#22c55e,#16a34a)}.email-step{text-align:center}.email-step-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.email-step-description{color:#6b7280;font-size:.9375rem;margin-bottom:2rem;line-height:1.6}.code-step{text-align:center}.code-step-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.code-step-description{color:#6b7280;font-size:.9375rem;margin-bottom:1rem;line-height:1.6}.code-step-email{color:#16a34a;font-weight:700;font-size:1.1rem;margin-bottom:2rem;text-decoration:none;display:inline-block;padding:.5rem 1rem;background:#16a34a1a;border-radius:8px;border:1px solid rgba(22,163,74,.2)}.code-input-container{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.code-input{width:60px;height:70px;text-align:center;font-size:2rem;font-weight:700;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#1a1a1a;transition:all .2s ease;outline:none}.code-input:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a;transform:scale(1.05)}.code-input.filled{border-color:#16a34a;background:#f0fdf4}.code-input.error{border-color:#ef4444;background:#fef2f2;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.resend-code-container{text-align:center;margin-top:1.5rem}.resend-code-text{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.resend-code-button{background:transparent;border:2px solid #16a34a;color:#16a34a;padding:.625rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.resend-code-button:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.resend-code-button:disabled{opacity:.5;cursor:not-allowed}.resend-countdown{color:#16a34a;font-weight:600}.verification-loading{display:inline-flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.verification-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.verification-message{padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;font-size:.9375rem;animation:fadeInUp .3s ease-out}.verification-message.success{background:#f0fdf4;color:#16a34a;border:1px solid #86efac}.verification-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.continue-button{width:100%;padding:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.continue-button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.continue-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.code-input{width:50px;height:60px;font-size:1.5rem}.code-input-container{gap:.5rem}.verification-progress{padding:.75rem}.progress-step{font-size:.75rem}.progress-step-number{width:28px;height:28px;font-size:.875rem}.progress-connector{width:20px}.email-step-title,.code-step-title{font-size:1.25rem}}