:root{--loya-blue:#1da1f2;--loya-orange:#ff8a00;--loya-navy:#071d31;--loya-copy:#52697d;--loya-line:#dce8ef;--loya-pale:#f3faff}
*{box-sizing:border-box}.loya-auth-page{margin:0;background:#fff;color:var(--loya-navy);font-family:Inter,"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.loya-auth-shell{display:grid;grid-template-columns:minmax(480px,44%) 1fr;min-height:100vh}.loya-auth-form-panel{display:flex;align-items:center;justify-content:center;padding:52px clamp(32px,5vw,84px);background:#fff}.loya-auth-form-wrap{width:100%;max-width:540px}.loya-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:48px}.loya-brand-bee{width:44px;height:44px;object-fit:contain}.loya-brand-word{width:190px;max-height:50px;object-fit:contain;object-position:left center}.loya-auth-heading{margin-bottom:30px}.loya-kicker{display:block;margin-bottom:12px;color:var(--loya-blue);font-size:.78rem;font-weight:800;letter-spacing:.16em}.loya-auth-heading h1{margin:0 0 12px;color:var(--loya-navy);font-size:clamp(2.45rem,4vw,4rem);font-weight:800;line-height:1;letter-spacing:-.055em}.loya-auth-heading p{max-width:460px;margin:0;color:var(--loya-copy);font-size:1rem;line-height:1.65}.loya-auth-form{display:grid;gap:18px}.loya-field{min-width:0}.loya-field label{display:block;margin:0 0 8px;color:var(--loya-navy);font-size:.86rem;font-weight:750}.loya-label-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.loya-label-row a,.loya-auth-switch a,.loya-legal a{color:#087fca;font-weight:750;text-decoration:none}.loya-label-row a{font-size:.82rem}.loya-auth-form .form-control,.loya-auth-form input[type=email],.loya-auth-form input[type=password],.loya-auth-form input[type=text]{width:100%;height:54px;padding:0 16px;border:1px solid var(--loya-line)!important;border-radius:10px!important;background:#f8fbfd!important;color:var(--loya-navy)!important;font-size:1rem;box-shadow:none!important;outline:none}.loya-auth-form .form-control:focus,.loya-auth-form input:focus{border-color:var(--loya-blue)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(29,161,242,.12)!important}.loya-password-wrap{position:relative}.loya-password-wrap input{padding-right:52px!important}.loya-password-toggle{position:absolute;right:7px;top:7px;width:40px;height:40px;border:0;background:transparent;color:#6d8192;cursor:pointer}.loya-error{display:block;margin-top:6px;color:#c3422f;font-size:.78rem}.loya-primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;margin-top:4px;padding:0 20px;border:0;border-radius:10px;background:var(--loya-blue);color:#fff;font-size:1rem;font-weight:800;box-shadow:0 14px 30px rgba(29,161,242,.24);cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.loya-primary-button span{font-size:1.35rem}.loya-primary-button:hover{background:#0d91df;transform:translateY(-2px);box-shadow:0 18px 34px rgba(29,161,242,.3)}.loya-auth-switch{margin:26px 0 0;text-align:center;color:var(--loya-copy);font-size:.9rem}.alert{border:0!important;border-radius:10px!important}.loya-auth-art{position:relative;display:flex;align-items:center;overflow:hidden;padding:70px clamp(48px,7vw,120px);background:var(--loya-navy);color:#fff}.loya-auth-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px}.loya-auth-art::after{content:"";position:absolute;right:-140px;bottom:-160px;width:480px;height:480px;border:110px solid rgba(29,161,242,.14);border-radius:50%}.loya-art-inner{position:relative;z-index:1;width:100%;max-width:760px}.loya-art-kicker{display:flex;align-items:center;gap:10px;margin-bottom:26px;color:#92d7ff;font-size:.78rem;font-weight:800;letter-spacing:.14em}.loya-art-kicker img{width:34px;height:34px;padding:5px;border-radius:9px;background:#fff}.loya-art-inner>h2{max-width:690px;margin:0 0 20px;color:#fff;font-size:clamp(3rem,5.8vw,6.4rem);font-weight:800;line-height:.93;letter-spacing:-.065em}.loya-art-inner>p{max-width:600px;margin:0;color:rgba(255,255,255,.68);font-size:1.05rem;line-height:1.7}.loya-growth-board{margin-top:54px;padding:26px 28px 24px;background:rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.loya-growth-top{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.72);font-weight:700}.loya-growth-top b{color:#ffad42;font-size:1.25rem}.loya-chart{position:relative;display:flex;align-items:flex-end;gap:7%;height:180px;margin:22px 0}.loya-chart i{flex:1;height:22%;background:rgba(29,161,242,.18)}.loya-chart i:nth-child(2){height:35%}.loya-chart i:nth-child(3){height:48%}.loya-chart i:nth-child(4){height:61%}.loya-chart i:nth-child(5){height:77%;background:rgba(255,138,0,.22)}.loya-chart i:nth-child(6){height:94%;background:rgba(255,138,0,.3)}.loya-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.loya-chart path{fill:none;stroke:var(--loya-orange);stroke-width:5;stroke-linecap:round}.loya-chart circle{fill:#fff;stroke:var(--loya-orange);stroke-width:5}.loya-metrics{display:flex;gap:48px;color:rgba(255,255,255,.62);font-size:.76rem}.loya-metrics span{display:grid;gap:3px}.loya-metrics b{color:#fff;font-size:1.15rem}.loya-art-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.loya-art-pills span{padding:9px 12px;background:rgba(255,255,255,.09);color:#fff;font-size:.78rem;font-weight:750}.loya-steps{display:flex;align-items:center;margin:0 0 38px}.loya-steps span{position:relative;display:flex;align-items:center;gap:7px;flex:1;color:#8799a8;font-size:.72rem;font-weight:750}.loya-steps span:not(:last-child)::after{content:"";height:1px;flex:1;margin:0 9px;background:#d8e4eb}.loya-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf3f7}.loya-steps .active{color:var(--loya-blue)}.loya-steps .active b{background:var(--loya-blue);color:#fff}.loya-password-guide{display:flex;flex-wrap:wrap;gap:8px;margin-top:-4px;padding:13px 14px;background:var(--loya-pale);color:#5f7486;font-size:.74rem}.loya-password-guide strong{width:100%;color:var(--loya-navy)}.loya-password-guide span::before{content:"✓";margin-right:5px;color:var(--loya-blue);font-weight:900}.loya-captcha{overflow:hidden}.loya-legal{margin:0;color:#718493;font-size:.75rem;line-height:1.55}.loya-onboarding-list{display:grid;gap:0;margin:48px 0 0;padding:0;list-style:none}.loya-onboarding-list li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55)}.loya-onboarding-list li b{color:#72c8ff;font-size:.8rem}.loya-onboarding-list li span{display:grid;gap:3px;font-size:.82rem}.loya-onboarding-list li strong{color:#fff;font-size:1rem}.loya-onboarding-list li.active b{color:var(--loya-orange)}.loya-signup-shell .loya-auth-form-panel{align-items:flex-start}.loya-signup-shell .loya-auth-form-wrap{padding-block:10px}
@media(max-width:1050px){.loya-auth-shell{grid-template-columns:1fr}.loya-auth-art{display:none}.loya-auth-form-panel{min-height:100vh;padding:38px 24px}.loya-auth-form-wrap{max-width:620px}.loya-brand{margin-bottom:38px}}
@media(max-width:600px){.loya-auth-form-panel{align-items:flex-start;padding:24px 18px 34px}.loya-brand{margin-bottom:30px}.loya-brand-bee{width:38px;height:38px}.loya-brand-word{width:164px}.loya-auth-heading h1{font-size:2.45rem}.loya-auth-heading p{font-size:.94rem}.loya-steps{margin-bottom:30px}.loya-steps span{font-size:0}.loya-steps b{font-size:.72rem}.loya-password-guide{display:grid}.loya-captcha{transform-origin:left top;max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.loya-steps .complete{color:#60798b}.loya-steps .complete b{background:#e8f7ff;color:var(--loya-blue)}.loya-secondary-button{width:100%;height:52px;border:1px solid var(--loya-line);border-radius:10px;background:#fff;color:#087fca;font-weight:800;cursor:pointer}.loya-secondary-button:hover{background:var(--loya-pale)}.loya-otp-input{text-align:center;font-size:1.65rem!important;font-weight:800;letter-spacing:.45em;padding-left:calc(16px + .45em)!important}.loya-counter{display:block;margin-top:8px;color:var(--loya-copy);font-size:.8rem}.loya-code-art{display:flex;gap:14px;margin-top:60px}.loya-code-art span{display:grid;place-items:center;width:72px;height:86px;background:rgba(255,255,255,.1);color:var(--loya-orange);font-size:2rem;font-weight:900;box-shadow:0 18px 45px rgba(0,0,0,.14)}
.loya-email-destination{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:18px;padding:10px 13px;border:1px solid var(--loya-line);border-radius:9px;background:var(--loya-pale);color:var(--loya-copy);font-size:.82rem}.loya-email-destination strong{overflow:hidden;color:var(--loya-navy);font-weight:800;text-overflow:ellipsis;white-space:nowrap}

/* Shared light visual system from the public LoyaBuzz website */
.loya-auth-art{isolation:isolate;background:#f8fcff;color:var(--loya-navy);border-left:1px solid rgba(29,161,242,.09)}
.loya-signup-shell{grid-template-columns:minmax(0,7fr) minmax(380px,5fr)}
.loya-auth-art::before{opacity:.5;background-image:radial-gradient(circle at 9% 21%,rgba(29,161,242,.55) 0 2px,transparent 3px),radial-gradient(circle at 31% 17%,rgba(255,138,0,.58) 0 2px,transparent 3px),radial-gradient(circle at 68% 22%,rgba(29,161,242,.42) 0 2px,transparent 3px),linear-gradient(30deg,transparent 49.75%,rgba(29,161,242,.08) 50%,transparent 50.25%),linear-gradient(150deg,transparent 49.75%,rgba(255,138,0,.07) 50%,transparent 50.25%);background-size:auto,auto,auto,96px 96px,124px 124px;mask-image:radial-gradient(ellipse at center,#000 16%,transparent 82%)}
.loya-auth-art::after{right:-190px;bottom:-210px;width:560px;height:560px;border:120px solid rgba(29,161,242,.07);background:transparent}
@media(max-width:1050px){.loya-signup-shell{grid-template-columns:1fr}}
.loya-art-kicker{color:#147fc0}.loya-art-kicker img{content:url("/static/images/loyabuzz-bee-256.png");padding:0;background:transparent}
.loya-art-inner>h2{color:var(--loya-navy)}.loya-art-inner>p{color:var(--loya-copy)}
.loya-growth-board{background:rgba(255,255,255,.84);box-shadow:0 28px 70px rgba(7,47,76,.1);backdrop-filter:blur(14px)}
.loya-growth-top{color:var(--loya-copy)}.loya-metrics{color:#6b7f8f}.loya-metrics b{color:var(--loya-navy)}
.loya-chart i{background:rgba(29,161,242,.1)}.loya-chart i:nth-child(5),.loya-chart i:nth-child(6){background:rgba(255,138,0,.13)}
.loya-art-pills span{background:rgba(255,255,255,.82);color:#365064;box-shadow:0 8px 22px rgba(7,47,76,.07)}
.loya-onboarding-list li{border-bottom-color:rgba(7,29,49,.09);color:#6b7f8f}.loya-onboarding-list li strong{color:var(--loya-navy)}.loya-onboarding-list li b{color:#1da1f2}
.loya-code-art span{background:rgba(255,255,255,.88);color:var(--loya-orange);box-shadow:0 18px 45px rgba(7,47,76,.1)}

/* Shared brand lockup used by legacy Django templates */
.loya-logo-lockup{display:flex!important;align-items:center;gap:10px;width:auto!important;height:52px!important;margin-bottom:38px!important;padding:0!important;background:none!important}
.loya-logo-lockup::before{display:none!important}.loya-logo-lockup .loya-logo-bee{display:block;width:44px;height:44px;object-fit:contain}.loya-logo-lockup .loya-logo-wordmark{display:block;width:190px;height:auto;max-height:48px;object-fit:contain}

/* Password recovery uses the same light merchant system */
.loya-password-page .app-container{background:#fff!important}.loya-password-page .slider-light,.loya-password-page .slick-slider,.loya-password-page .bg-premium-dark{height:100vh!important;background:#f8fcff!important}.loya-password-page .slide-img-bg{opacity:1!important;background-image:radial-gradient(circle at 15% 20%,rgba(29,161,242,.5) 0 2px,transparent 3px),radial-gradient(circle at 78% 17%,rgba(255,138,0,.55) 0 2px,transparent 3px),linear-gradient(30deg,transparent 49.75%,rgba(29,161,242,.08) 50%,transparent 50.25%),linear-gradient(150deg,transparent 49.75%,rgba(255,138,0,.07) 50%,transparent 50.25%)!important;background-size:auto,auto,96px 96px,124px 124px!important}.loya-password-page .slider-content{z-index:2;width:min(100% - 72px,520px);padding:0!important;text-align:left!important}.loya-password-page .slider-content .auth-eyebrow{display:block;margin-bottom:22px;color:#147fc0;font-size:.78rem;font-weight:800;letter-spacing:.15em}.loya-password-page .slider-content h3{margin:0 0 18px!important;color:#071d31!important;font-size:clamp(3rem,4.5vw,5rem)!important;line-height:.96!important;letter-spacing:-.06em}.loya-password-page .slider-content p{color:#607386!important;font-size:1rem!important;line-height:1.7}.loya-password-page .login-background{min-height:100vh!important;padding:48px clamp(28px,6vw,82px)!important;background:#fff!important}.loya-password-page .login-background-image,.loya-password-page .mobile-background-image{display:none!important}.loya-password-page .forgot-form-container,.loya-password-page .login-background>div:not(.slider-light){width:min(100%,590px)!important;margin:auto!important;padding:44px clamp(26px,5vw,56px)!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:0 28px 70px rgba(7,47,76,.11)!important}.loya-password-page .login-text,.loya-password-page .sign-up{padding:0!important;color:#071d31!important;font-size:clamp(2.3rem,4vw,3.5rem)!important;font-weight:800!important;line-height:1.02;letter-spacing:-.05em}.loya-password-page .yellow-circle{display:none!important}.loya-password-page .text-sub,.loya-password-page .sign-up+span{color:#607386!important;font-size:.96rem!important;line-height:1.6}.loya-password-page form label{margin-bottom:8px;color:#071d31!important;font-size:.82rem;font-weight:800}.loya-password-page form .form-control{min-height:54px;border:1px solid #dce8ef!important;border-radius:10px!important;background:#f8fbfd!important;box-shadow:none!important}.loya-password-page form .form-control:focus{border-color:#1da1f2!important;background:#fff!important;box-shadow:0 0 0 4px rgba(29,161,242,.12)!important}.loya-password-page .login-button,.loya-password-page .btn-green{min-height:54px;border:0!important;border-radius:10px!important;background:#1da1f2!important;color:#fff!important;font-weight:800!important;box-shadow:0 14px 30px rgba(29,161,242,.24)!important}
@media(max-width:991px){.loya-password-page .login-background{padding:28px 18px!important}.loya-password-page .forgot-form-container,.loya-password-page .login-background>div:not(.slider-light){box-shadow:none!important}}
@media(max-width:575px){.loya-logo-lockup{height:46px!important;margin-bottom:28px!important}.loya-logo-lockup .loya-logo-bee{width:38px;height:38px}.loya-logo-lockup .loya-logo-wordmark{width:164px}.loya-password-page .login-background{padding:20px 16px!important}}
.loya-success-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f8fcff;background-image:radial-gradient(circle at 12% 18%,rgba(29,161,242,.12),transparent 28%),radial-gradient(circle at 88% 16%,rgba(255,138,0,.12),transparent 26%)}.loya-success-card{width:min(100%,620px);padding:52px;text-align:center;background:rgba(255,255,255,.9);box-shadow:0 28px 70px rgba(7,47,76,.11)}.loya-success-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:38px}.loya-success-brand img:first-child{width:42px;height:42px;object-fit:contain}.loya-success-brand img:last-child{width:178px;height:auto}.loya-success-check{display:grid;width:58px;height:58px;margin:0 auto 24px;place-items:center;border-radius:50%;background:#e9f7ff;color:#1da1f2;font-size:1.5rem;font-weight:900}.loya-success-card h1{margin:8px 0 14px;color:#071d31;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1;letter-spacing:-.055em}.loya-success-card p{margin:0 auto 28px;max-width:470px;color:#607386;line-height:1.65}.loya-success-card .loya-primary-button{text-decoration:none}@media(max-width:575px){.loya-success-card{padding:38px 24px}}
body.loya-auth-page > .language-switcher{position:fixed;top:20px;right:24px;z-index:30;display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(7,31,51,.12);backdrop-filter:blur(14px)}body.loya-auth-page > .language-switcher .language-switcher-icon{position:static;flex:0 0 auto}body.loya-auth-page > .language-switcher select{appearance:auto;min-width:0;max-width:160px;border:0;background:transparent;color:#071f33;font:700 14px/1.2 inherit;padding:4px 2px;cursor:pointer}[dir="rtl"] body.loya-auth-page > .language-switcher{right:auto;left:24px}@media(max-width:720px){body.loya-auth-page > .language-switcher{top:12px;right:12px;padding:7px 10px}body.loya-auth-page > .language-switcher select{max-width:122px}[dir="rtl"] body.loya-auth-page > .language-switcher{right:auto;left:12px}}