/* Shared ARRHIA sign-in and customer-registration theme. */
.premium-login{--pl-purple:#29203e;--pl-gold:#c8a96b;--pl-cream:#f7f4ed;--pl-muted:#77717d;min-height:100vh;background:radial-gradient(ellipse at 100% 0,#eee8f3,transparent 50%),#f7f4ed;color:#292433}
.premium-login *{box-sizing:border-box}
.premium-login .account-header{max-width:1280px;height:100px;padding:0 38px}
.premium-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#29203e}
.premium-brand img{width:46px;height:46px;border-radius:13px}
.premium-brand b{display:block;font-size:22px;letter-spacing:.07em}
.premium-brand small{display:block;font-size:8px;letter-spacing:.18em;color:#89808e;margin-top:4px;font-weight:800}
.premium-login .back-store{font-size:12px;color:#625968;display:flex;gap:16px;align-items:center}
.premium-login .auth-shell{max-width:1280px;padding:8px 38px 60px;grid-template-columns:1.05fr 1fr;gap:30px;align-items:stretch;min-height:0}
.premium-login .auth-story{padding:42px 38px 26px;border-radius:28px;background:radial-gradient(ellipse at 100% 100%,#574064,transparent 65%),#29203e;color:#fff;overflow:hidden;display:flex;flex-direction:column;position:relative}
.story-top{font-size:9px;font-weight:700;letter-spacing:.16em;color:#dfc799;display:flex;gap:9px;align-items:center}
.story-dot{width:6px;height:6px;background:#cfb27b;border-radius:50%}
.premium-login .auth-story h1{font-size:clamp(36px,3.7vw,52px);line-height:1.07;font-weight:700;letter-spacing:-.045em;margin:30px 0 20px}
.premium-login .auth-story h1 em{color:#dec695;font-size:1.06em;line-height:1.15}
.premium-login .auth-story>p{color:#c5bccb;font-size:13px;line-height:1.8;margin:0;max-width:350px}
.market-scene{height:225px;position:relative;margin-top:26px;flex:1;min-height:220px}
.market-orbit{position:absolute;width:300px;height:300px;left:50px;top:5px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 35px #ffffff03,0 0 0 70px #ffffff02}
.market-tile{position:absolute;border-radius:17px;border:1px solid #ffffff24;padding:19px;box-shadow:0 15px 40px #0d071626}
.market-tile svg{width:27px;height:27px;margin-bottom:13px;display:block}
.market-tile small{display:block;font-size:8px;font-weight:800;letter-spacing:.18em;margin-bottom:8px}
.market-tile b{display:block;font-size:15px;line-height:1.45;letter-spacing:-.02em}
.market-tile>span{display:block;font-size:9px;margin-top:9px;color:#847689}
.market-shop{background:#f7f3eb;color:#352a43;left:5px;top:15px;width:230px;transform:rotate(-5deg)}
.market-shop svg{color:#8e7048}.market-shop small{color:#9c8259}
.market-business{background:#574563;color:#f5eee5;right:0;top:88px;width:170px;transform:rotate(6deg)}
.market-business svg,.market-business small{color:#ddc694}
.market-label{position:absolute;left:8px;bottom:0;font-size:8px;letter-spacing:.16em;color:#cfc1d4}
.market-label span{color:#d7ba82;font-size:17px;margin-right:8px}
.story-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:26px;padding-top:17px;border-top:1px solid #ffffff16;color:#ae9fb9;font-size:9px}
.premium-login .auth-card{padding:36px 36px 24px;max-width:none;justify-self:stretch;background:#fffdf9;border:1px solid #e8e1d7;border-radius:28px;box-shadow:0 18px 55px #3a264b09;backdrop-filter:none;min-width:0}
.card-brand{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.16em;font-weight:800;color:#928575;margin-bottom:30px}
.card-gem{color:#ae8b52;font-size:18px}
.premium-login .auth-kicker{font-size:9px;font-weight:800;letter-spacing:.12em;color:#978574}
.premium-login .auth-card h2{font-size:34px;line-height:1.15;letter-spacing:-.04em;margin:9px 0 12px;color:#29203e}
.premium-login .auth-card>p{font-size:13px;line-height:1.7;color:#827988;margin:0}
.signin-choices{display:grid;gap:11px;margin:25px 0}
.signin-choice{display:flex;align-items:center;gap:14px;padding:16px 14px;background:#fff;border:1px solid #e9e3da;border-radius:15px;text-decoration:none;color:#30263e;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0}
.signin-choice:hover{transform:translateY(-2px);border-color:#bfa780;box-shadow:0 8px 20px #392d4310}
.signin-choice:focus-visible,.premium-login a:focus-visible{outline:3px solid #a18ab9;outline-offset:3px}
.signin-choice-icon{width:42px;height:46px;display:grid;place-items:center;flex:none;background:#f2edf5;color:#705581;border-radius:12px}
.signin-choice-icon svg{width:23px;height:23px}.signin-choice-copy{flex:1;min-width:0}
.signin-choice-copy .role-tag{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#9c865e;margin-bottom:4px}
.signin-choice-copy b{font-size:14px;display:block}
.signin-choice-copy>span{font-size:10px;color:#8b8290;line-height:1.5;display:block;margin-top:5px}
.signin-choice-arrow svg{width:17px;height:17px;color:#8c7e95}
.chooser-note{padding:13px 15px;background:#f5f1e9;border-radius:12px;line-height:1.6;font-size:10px}
.chooser-note span{display:block;color:#958779}.chooser-note b{color:#68594c;font-weight:600}
.join-business{display:flex;justify-content:space-between;gap:10px;color:#7e6440;font-size:11px;margin-top:20px;font-weight:700;text-decoration:none}
.login-footnote{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:15px;border-top:1px solid #ece6de;font-size:9px;color:#a095a2}
.login-footnote a{color:#817388}
.customer-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:10px}
.customer-context>span{display:flex;gap:7px;align-items:center;color:#84728f}
.customer-context svg{width:14px;height:14px}.customer-context>a{color:#8c7048;font-weight:700;text-decoration:none}
.premium-login .auth-card label{font-size:11px;color:#62566d;margin-top:19px}
.premium-login .auth-card input{height:50px;background:#fff;border:1px solid #e4dce9;border-radius:12px;font-size:14px;padding:0 14px}
.premium-login .auth-card input:focus{border-color:#8b6ca3;box-shadow:0 0 0 3px #8b6ca312}
.premium-login .password-wrap input{padding-right:70px}
.premium-login .password-wrap button{top:15px;color:#775d87;background:#f5eff8}
.premium-login .login-help-row{margin:10px 0 20px;text-align:right;font-size:10px}
.premium-login .login-help-row a{color:#826493}
.premium-login .auth-primary{background:#30233f;border-radius:12px;font-size:13px;min-height:50px;box-shadow:0 8px 18px #30233f1c}
.premium-login .auth-primary:hover{background:#463154}
.premium-login .auth-secondary{font-size:12px;min-height:46px;border-radius:12px}
.premium-login .auth-divider,.premium-login .social-divider{font-size:10px;margin:19px 0 13px}
.premium-login .social-button{font-size:11px;padding:10px;border-radius:10px;min-width:0}
.premium-login .social-note{font-size:9px}
.premium-login .auth-small{font-size:10px;color:#96899e}
.premium-login .mp-pwa-install{position:static!important;transform:none!important;margin:0 auto 20px!important;width:fit-content!important;max-width:calc(100% - 32px)!important;box-shadow:none!important;background:transparent!important;border-color:#e1d8ca!important;z-index:auto!important}
@media(max-width:960px){.premium-login .auth-shell{gap:18px;padding-left:24px;padding-right:24px}.premium-login .auth-story{padding:30px 25px}.premium-login .auth-card{padding:30px 25px}.market-shop{width:200px}.market-business{width:140px}}
@media(max-width:760px){
 .premium-login .account-header{height:80px;padding:0 22px}.premium-login .back-store{font-size:10px;gap:7px}
 .premium-brand img{width:38px;height:38px}.premium-brand b{font-size:18px}.premium-brand small{font-size:7px}
 .premium-login .auth-shell{display:flex;flex-direction:column;padding:4px 16px 28px;gap:18px}
 .premium-login .auth-card{order:0;padding:25px 23px 20px;border-radius:23px;width:100%}
 .premium-login .auth-story{order:1;padding:28px;border-radius:23px}
 .premium-login .auth-story h1{font-size:33px;margin-top:18px}.premium-login .auth-story h1 br:first-child{display:none}
 .market-scene{display:none}.story-bottom{margin-top:20px}
 .customer-mode .auth-story{display:none}
 .card-brand{margin-bottom:20px}.premium-login .auth-card h2{font-size:30px}
 .signin-choices{margin:22px 0}.signin-choice{padding:14px 12px;gap:12px}
 .premium-login .auth-card input{font-size:16px}
}
@media(max-width:360px){.premium-login .account-header{padding:0 15px}.premium-login .auth-shell{padding:4px 10px 24px}.premium-login .auth-card{padding:22px 17px}.signin-choice{gap:9px}.signin-choice-copy b{font-size:13px}.signin-choice-copy>span{font-size:10px}.customer-context{font-size:9px}.premium-login .back-store{font-size:9px}.premium-brand small{display:none}}
@media(prefers-reduced-motion:reduce){.signin-choice{transition:none}.signin-choice:hover{transform:none}}


/* Customer registration shares the sign-in design, with form-specific spacing. */
.premium-register .card-brand{margin-bottom:22px;}
.premium-register .customer-context{flex-wrap:wrap;margin-bottom:12px;}
.premium-register .auth-card label{margin-top:14px;}
.premium-register .registration-contact-help{font-size:10px;line-height:1.5;color:#827988;margin:8px 0 0;}
.premium-register .auth-card label>small{display:block;font-size:10px;line-height:1.5;color:#827988;margin-top:7px;font-weight:400;}
.premium-register .auth-card .checkline{align-items:flex-start;font-size:11px;line-height:1.6;gap:9px;}
.premium-register .auth-card input[type="checkbox"]{padding:0!important;width:16px!important;height:16px!important;min-height:0;flex:0 0 16px;margin:3px 0 0!important;border-radius:4px;accent-color:#705581;}
.premium-register .checkline a{color:#775d87;text-underline-offset:3px;}
.premium-register .signin-link a{color:#775d87;}
.premium-register .auth-card .auth-primary{margin-top:20px;}
.premium-register .notice{overflow-wrap:anywhere;}
@media(max-width:760px){.premium-register .auth-story{display:none;}.premium-register .card-brand{margin-bottom:18px;}.premium-register .customer-context{font-size:10px;gap:7px;}.premium-register .auth-card h2{font-size:29px;}}
