:root{--primary: #9333ea;--primary-hover: #7e22ce;--magenta-pink: #c026d3;--grey-btn: #475569;--grey-btn-hover: #334155;--green: #16a34a;--red: #ef4444;--muted: #475569;--font: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:radial-gradient(ellipse at 20% 20%,rgba(16,185,129,.28) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(20,83,45,.45) 0%,transparent 60%),radial-gradient(ellipse at 50% 10%,rgba(132,204,22,.15) 0%,transparent 40%),url(../supermarket-bg.jpg) center/cover no-repeat fixed,linear-gradient(135deg,#022c22,#064e3b 40%,#065f46,#022c22);background-blend-mode:screen,normal,screen,overlay,normal;color:#0f172a;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;overflow:hidden;position:relative}body:before{content:"";position:fixed;top:-150px;left:-150px;width:550px;height:550px;background:radial-gradient(circle,#34d39938,#10b98100 70%);border-radius:50%;pointer-events:none;z-index:1}body:after{content:"";position:fixed;bottom:-150px;right:-150px;width:600px;height:600px;background:radial-gradient(circle,#10b98140,#052e1600 70%);border-radius:50%;pointer-events:none;z-index:1}.bg-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0;pointer-events:none}.bg-video-container video,#bg-video{width:100%;height:100%;object-fit:cover;display:block}.bg-video-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,#022c2266,#022c22bf);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-container{display:flex;width:850px;height:540px;max-width:92vw;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 30px 80px #000000bf,0 0 45px #c026d359;position:relative;z-index:10;overflow:hidden;margin:auto}.form-slot{width:50%;height:100%;position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;padding:2.2rem 2.8rem;background:#fff;transition:opacity .4s ease;z-index:1}.login-slot{left:0}.register-slot{left:50%}.form-header{margin-bottom:1.2rem}.greet-sub{font-size:.85rem;font-weight:800;color:var(--primary);letter-spacing:.1em;text-transform:uppercase}.greet-title{font-size:2.3rem;font-weight:900;color:#0f172a;margin:.15rem 0 0;letter-spacing:-.03em}.auth-overlay-panel{position:absolute;top:0;left:50%;width:50%;height:100%;z-index:10;background:linear-gradient(135deg,#c026d3,#7e22ce,#1e1b4b);color:#fff;overflow:hidden;will-change:transform;transition:transform .65s cubic-bezier(.65,0,.35,1);box-shadow:0 0 35px #0006}.login-container.is-register .auth-overlay-panel{transform:translate(-100%)}.vector-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.vector-bg svg{width:100%;height:100%;object-fit:cover}.sphere-1,.sphere-2,.sphere-3{will-change:transform;transform-origin:center}.sphere-1{animation:floatSphere1 3.5s ease-in-out infinite alternate}.sphere-2{animation:floatSphere2 4.5s ease-in-out infinite alternate}.sphere-3{animation:floatSphere3 3s ease-in-out infinite alternate}@keyframes floatSphere1{0%{transform:translateZ(0)}to{transform:translate3d(18px,-22px,0)}}@keyframes floatSphere2{0%{transform:translateZ(0)}to{transform:translate3d(-22px,18px,0)}}@keyframes floatSphere3{0%{transform:translateZ(0)}to{transform:translate3d(14px,14px,0)}}.overlay-inner-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.2rem;text-align:center}.logo-ring{display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;background:#fff;border:2px solid rgba(255,255,255,.4);border-radius:20px;margin-bottom:.8rem;box-shadow:0 10px 25px #00000059;overflow:hidden}.logo-ring img{width:100%;height:100%;object-fit:contain;padding:5px}.brand-title{font-size:1.85rem;font-weight:900;letter-spacing:.04em;margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.brand-subtitle{font-size:.72rem;font-weight:700;color:#f5d0fe;letter-spacing:.14em;margin-top:.2rem;margin-bottom:1.4rem;text-transform:uppercase}.overlay-card-view{transition:opacity .4s ease,transform .4s ease;width:100%}.overlay-heading{font-size:1.55rem;font-weight:900;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 6px rgba(0,0,0,.2)}.overlay-desc{font-size:.92rem;color:#f8fafc;line-height:1.45;margin-bottom:1.4rem;padding:0 .5rem;font-weight:500}.btn-overlay-toggle{display:inline-block;padding:.75rem 2rem;background:#fff3;border:2px solid #ffffff;border-radius:30px;color:#fff;font-family:var(--font);font-size:.92rem;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s ease;box-shadow:0 6px 18px #00000040}.btn-overlay-toggle:hover{background:#fff;color:#7e22ce;border-color:#fff;box-shadow:0 10px 24px #00000059;transform:translateY(-2px)}.overlay-view-login{opacity:1;transform:scale(1);pointer-events:auto}.overlay-view-register,.login-container.is-register .overlay-view-login{opacity:0;transform:scale(.92);pointer-events:none;position:absolute}.login-container.is-register .overlay-view-register{opacity:1;transform:scale(1);pointer-events:auto;position:relative}.greet-desc{font-size:.85rem;color:#64748b;margin-top:.2rem;font-weight:500}.reg-scrollable{max-height:420px;overflow-y:auto;padding-right:.4rem}.reg-scrollable::-webkit-scrollbar{width:5px}.reg-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.price-badge-row{margin-top:-.3rem;margin-bottom:.8rem}.price-badge{display:inline-block;background:#fdf4ff;border:1px solid #f0abfc;color:#a21caf;padding:.25rem .75rem;border-radius:20px;font-size:.78rem;font-weight:800}.field-select{cursor:pointer;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='%2364748b' 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 .8rem center;background-size:1rem;padding-right:2rem!important}.slug-wrap{display:flex;align-items:center;background:#f8fafc;border:1.8px solid #cbd5e1;border-radius:12px;padding:0 .8rem;transition:all .2s ease-in-out}.slug-wrap:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #9333ea26}.slug-prefix{font-size:.78rem;font-weight:700;color:#64748b;white-space:nowrap;-webkit-user-select:none;user-select:none}.field-slug{border:none!important;background:transparent!important;padding-left:.3rem!important;box-shadow:none!important}.field-hint{display:block;font-size:.72rem;color:#94a3b8;margin-top:.25rem;font-weight:500}.field-group{margin-bottom:.75rem}.field-label{display:block;font-size:.76rem;font-weight:800;color:#334155;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.field-wrap{position:relative;display:flex;align-items:center;width:100%}.field-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);font-size:1.05rem;color:#64748b;pointer-events:none;line-height:1;z-index:2;display:flex;align-items:center;justify-content:center}.field-input{width:100%;background:#f8fafc;border:1.8px solid #cbd5e1;border-radius:12px;padding:.75rem 2.5rem .75rem 2.8rem;color:#0f172a;font-family:var(--font);font-size:.92rem;font-weight:600;outline:none;transition:all .2s ease-in-out}.field-input::placeholder{color:#94a3b8;font-weight:400}.field-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #9333ea26}.field-icon-r{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;line-height:1;z-index:2;display:flex;align-items:center;justify-content:center}.field-wrap.error .field-input{border-color:var(--red);background:#fef2f2}.form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.remember-label{display:flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;color:#334155;cursor:pointer}.remember-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.forgot-link{font-size:.88rem;color:var(--primary);text-decoration:none;font-weight:700}.btn-authorize{width:100%;padding:.88rem;background:var(--grey-btn);border:none;border-radius:12px;color:#fff;font-family:var(--font);font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 5px 15px #47556933}.btn-authorize:hover{background:var(--grey-btn-hover);box-shadow:0 8px 20px #3341554d}.btn-register{background:linear-gradient(135deg,#c026d3,#9333ea);box-shadow:0 5px 15px #c026d34d}.btn-register:hover{background:linear-gradient(135deg,#a21caf,#7e22ce)}.btn-authorize:disabled{opacity:.6;cursor:not-allowed}.mobile-switch-note{display:none;text-align:center;margin-top:.9rem;font-size:.88rem;color:#475569}.mobile-switch-note a{color:var(--primary);font-weight:800;text-decoration:none}.whatsapp-support{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.8rem;padding:.55rem 1rem;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;text-decoration:none;color:var(--green);font-size:.85rem;font-weight:800}.whatsapp-icon{width:18px;height:18px}.wa-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.3}}.error-msg{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;padding:.6rem 1rem;font-size:.85rem;color:var(--red);font-weight:700;margin-bottom:.8rem;display:none}.error-msg.show{display:block;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:60;text-align:center;padding:2.5rem}.success-overlay.show{opacity:1;pointer-events:auto}.success-check{width:70px;height:70px;background:#ecfdf5;border:2px solid var(--green);color:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem}.success-name{font-size:1.35rem;font-weight:900;color:#0f172a;margin-bottom:.3rem}.success-role{font-size:.88rem;color:var(--muted)}.success-store{font-size:.88rem;color:var(--primary);font-weight:800}.redirect-bar{width:100%;height:4px;background:#f1f5f9;border-radius:2px;margin-top:1.4rem;overflow:hidden}.redirect-fill{height:100%;background:var(--primary);border-radius:2px;animation:fillBar 2s linear both}@keyframes fillBar{0%{width:0%}to{width:100%}}.redirect-txt{font-size:.78rem;color:#64748b;margin-top:.4rem;font-weight:600}.win-controls{position:absolute;top:1rem;right:1rem;display:none;gap:.4rem;z-index:50;align-items:center}.win-controls.visible{display:flex}.win-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;position:relative}.win-btn.close{background:#ff5f57}.win-btn.minimize{background:#febc2e}@media(max-width:768px){.login-container{width:92vw;height:auto;min-height:520px;border-radius:20px;flex-direction:column}.auth-overlay-panel{display:none}.form-slot{width:100%;left:0!important;position:relative;padding:2rem 1.5rem}.register-slot,.login-container.is-register .login-slot{display:none}.login-container.is-register .register-slot{display:flex}.mobile-switch-note{display:block}.win-controls{display:none!important}}