/* Dedicated login styles keep till and administration appearance unchanged. */
:root{font-family:'Segoe UI',Arial,sans-serif;color:#193743;background:#f3f3ed;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}svg{width:24px;height:24px;flex-shrink:0}[hidden]{display:none!important}
.retail-login{min-height:100svh;padding:0 5.5%;display:flex;flex-direction:column;position:relative;isolation:isolate}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient span{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#b6d9c647,transparent 70%);top:-220px;right:-100px;animation:ambient-drift 24s ease-in-out infinite alternate}.ambient span:nth-child(2){background:radial-gradient(circle,#eedabd66,transparent 70%);left:-220px;top:50%;animation-delay:-8s}
.login-header{width:100%;max-width:1500px;margin:0 auto;min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:750;letter-spacing:-1px}.brand-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#193d48;color:#d2ead5;box-shadow:0 5px 12px #153d4815}.brand-symbol svg{width:29px;height:29px}.brand-light{font-weight:400;margin-left:3px}.login-brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:650;margin-top:4px;color:#6b7d80}.header-note{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550;color:#657a7a}.header-note svg{width:18px;height:18px}
.login-layout{margin:auto;width:100%;max-width:1320px;display:grid;grid-template-columns:1.12fr 1fr;border:1px solid #fff;box-shadow:0 24px 65px #16353b13,0 2px 5px #173c3e07;border-radius:28px;overflow:hidden;min-height:630px}.retail-story{background:radial-gradient(ellipse at 70% 68%,#2c5963 0,transparent 63%),#183743;color:#f6f6ef;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:44px 42px 26px}.retail-story:before{content:'';position:absolute;width:590px;height:590px;border:1px solid #82b4b514;border-radius:50%;left:16%;top:14%;pointer-events:none}.story-copy{position:relative;z-index:1}.overline{font-size:10px;font-weight:750;letter-spacing:2px;margin:0 0 22px;display:flex;align-items:center;gap:8px}.story-copy .overline{color:#b7d7cc}.overline>span{width:6px;height:6px;background:#b5d7b5;border-radius:50%}.retail-story h1{font-size:clamp(36px,3.5vw,53px);line-height:1.1;letter-spacing:-2px;margin:0 0 21px;font-weight:650}.retail-story h1 em{font-family:Georgia,serif;font-weight:400;color:#c5e0c1}.story-description{font-size:15px;line-height:1.8;color:#b7cbd0;margin:0}
.shop-scene{position:relative;margin:2px -28px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:240px}.store-illustration{width:100%;height:auto;max-height:290px;display:block;overflow:visible}.scene-label{align-self:center;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.3px;color:#c3d7d3;background:#17343d99;border:1px solid #6b9c9940;padding:8px 13px;border-radius:30px;margin-top:-5px}.scene-dot,.footer-dot{width:6px;height:6px;border-radius:50%;background:#a6d8b5;display:inline-block}.story-features{position:relative;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #96b5b325;padding-top:20px}.story-features span{display:flex;align-items:center;gap:7px;color:#c8dadb;font-size:11px;font-weight:550}.story-features svg{width:18px;height:18px;color:#acd3c7}
.signin-panel{background:#fffffff5;display:flex;flex-direction:column;justify-content:center;padding:46px 58px 0}.signin-inner{width:100%;max-width:390px;margin:auto}.signin-symbol{display:grid;place-items:center;width:49px;height:49px;background:#eef4ef;border:1px solid #dce8df;color:#457561;border-radius:15px;margin-bottom:23px}.signin-symbol svg{width:23px;height:23px}.signin-inner .overline{color:#618578;margin:0 0 10px;font-size:9px}.signin-inner h2{font-size:38px;font-weight:700;letter-spacing:-1.4px;line-height:1.15;margin:0 0 13px}.signin-intro{font-size:14px;line-height:1.6;color:#758487;margin:0 0 31px}.signin-inner label{font-size:13px;display:block;font-weight:650;margin:20px 0 9px}.field-wrap{display:flex;align-items:center;position:relative;border:1px solid #d9e2df;border-radius:11px;background:#f8faf8;transition:border-color .15s,box-shadow .15s}.field-wrap:focus-within{border-color:#4c8977;box-shadow:0 0 0 3px #6ba69220;background:#fff}.field-wrap>svg{position:absolute;left:16px;width:19px;height:19px;color:#7f9990;pointer-events:none}.field-wrap input{border:0;outline:none;width:100%;min-width:0;border-radius:11px;background:transparent;height:55px;padding:0 15px 0 46px;font-size:15px;color:#23423f}.field-wrap input::placeholder{color:#74867c}.password-wrap input{padding-right:54px}#toggle-password{border:0;background:transparent;display:grid;place-items:center;position:absolute;right:4px;width:44px;height:44px;border-radius:8px;color:#718d80}#toggle-password:hover{background:#eaf1ec}#toggle-password svg{width:20px;height:20px}.eye-slash{display:none}[aria-pressed=true] .eye-slash{display:block}
.signin-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:22px;height:56px;margin-top:26px;border:1px solid #1b5146;border-radius:11px;background:#245c4f;color:#fff;font-size:15px;font-weight:650;box-shadow:0 5px 12px #234e451b;transition:background .2s,transform .2s}.signin-submit:hover{background:#1b4c40;transform:translateY(-1px)}.signin-submit:active{transform:translateY(1px)}.signin-submit svg{width:20px;height:20px}.access-note{display:flex;justify-content:center;align-items:flex-start;gap:9px;margin:26px 0;color:#718279;font-size:12px;line-height:1.7}.access-note svg{width:16px;height:16px;margin-top:2px}.access-note p{margin:0}.access-note strong{font-weight:550;color:#50695f}.panel-footer{border-top:1px solid #edf0ed;text-align:center;padding:18px 0;font-size:11px;color:#718277;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.panel-footer .footer-dot{background:#89ae94;width:5px;height:5px}.login-footer{min-height:79px;max-width:1500px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#6a7c71;font-size:11px}.footer-divider{padding:0 10px;color:#9ba99f}.login-footer button{display:flex;align-items:center;gap:7px;color:#667e70;background:none;border:1px solid #d8e0d7;border-radius:25px;font-size:11px;padding:8px 12px;min-height:36px}.login-footer button:hover{background:#e9efe6}.motion-symbol{font-size:13px}button:focus-visible{outline:3px solid #568f7c;outline-offset:3px}.login-error,.login-notice{padding:12px 14px;border-radius:9px;font-size:13px;line-height:1.5}.login-error{background:#fff1ee;color:#a23e30;border:1px solid #f4d6d0}.login-notice{background:#edf5ef;color:#36634c;border:1px solid #ceded1}
.receipt-float{animation:receipt-drift 7s ease-in-out infinite}.bag-float{animation:bag-drift 8s ease-in-out infinite}.scan-line{animation:scan-pass 7s ease-in-out infinite}.motion-paused *{animation-play-state:paused!important}@keyframes receipt-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bag-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes scan-pass{0%,100%{transform:translateY(-20px);opacity:0}20%{opacity:.7}60%{transform:translateY(20px);opacity:.5}75%{opacity:0}}@keyframes ambient-drift{to{transform:translate(45px,40px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.login-layout{min-height:690px}.retail-story{padding:52px 56px 30px}.store-illustration{max-height:310px}.signin-panel{padding-left:76px;padding-right:76px}.retail-story h1{font-size:58px}}
@media(max-width:1000px){.retail-login{padding:0 3%}.login-layout{grid-template-columns:1fr 1fr}.retail-story{padding:35px 26px 25px}.signin-panel{padding:35px 30px 0}.story-features{gap:10px;flex-wrap:wrap}.retail-story h1{font-size:38px}.signin-inner h2{font-size:33px}.story-description{font-size:14px}.login-header{min-height:86px}}
@media(max-height:780px) and (min-width:761px){.login-layout{min-height:560px}.login-header{min-height:77px}.login-footer{min-height:55px}.retail-story{padding-top:30px}.retail-story h1{font-size:42px}.story-copy .overline{margin-bottom:15px}.story-description{font-size:13px}.shop-scene{min-height:190px;margin-bottom:10px}.store-illustration{max-height:235px}.signin-panel{padding-top:26px}.signin-symbol{margin-bottom:17px}.signin-intro{margin-bottom:20px}.signin-inner label{margin-top:16px}.access-note{margin:20px 0}.panel-footer{margin-top:10px;padding:14px 0}}
@media(max-width:760px){.retail-login{padding:0 20px}.header-note{display:none}.login-header{min-height:88px}.login-brand{font-size:23px}.brand-symbol{height:42px;width:42px}.login-layout{grid-template-columns:1fr;max-width:470px;min-height:0;border-radius:23px}.retail-story{display:none}.signin-panel{padding:32px 30px 0}.signin-inner h2{font-size:35px}.signin-intro{margin-bottom:25px}.signin-symbol{margin-bottom:22px}.login-footer{max-width:470px;min-height:78px;font-size:10px;flex-wrap:wrap;padding:16px 0;justify-content:center}.footer-divider{padding:0 6px}.login-footer button{display:none}.panel-footer{margin-top:10px}.ambient span{width:350px;height:350px}}
@media(max-width:360px){.retail-login{padding:0 12px}.signin-panel{padding:28px 20px 0}.signin-inner h2{font-size:30px}}
@media(max-width:760px){.ambient span{animation:none}}
/* Retail welcome composition: open illustration and an independent sign-in panel. */
:root{background:#102c38}.retail-login{background:radial-gradient(ellipse at 17% 60%,#24556477,transparent 49%),radial-gradient(ellipse at 84% 6%,#54766125,transparent 37%);padding:0 6%}.ambient:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#bddbcc18 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to right,#000,transparent 85%)}.ambient span{background:radial-gradient(circle,#95cbb31f,transparent 68%);height:650px;width:650px;top:-260px;right:-150px}.ambient span:nth-child(2){background:radial-gradient(circle,#6aa7aa24,transparent 66%);top:30%;left:-200px}.background-icon{position:absolute;color:#b9dbca0e;animation:icon-drift 18s ease-in-out infinite alternate;transform:rotate(-16deg)}.background-icon svg{width:135px;height:135px;stroke-width:.75}.icon-bag{left:1%;top:12%}.icon-tag{right:2%;top:65%;animation-delay:-9s}.icon-cart{left:48%;bottom:-32px;animation-delay:-5s}.login-header{min-height:104px;color:#f1f5eb;max-width:1440px}.brand-symbol{background:#c9e6b8;color:#254b3c;box-shadow:0 5px 18px #0002,inset 0 1px 0 #fff9;border:1px solid #e7f6d799}.login-brand{font-size:29px}.login-brand small{color:#9ab7b6;letter-spacing:2.2px}.header-note{color:#b3c8c6;border:1px solid #adc8c422;border-radius:30px;padding:10px 16px;background:#ffffff03}.login-layout{max-width:1440px;grid-template-columns:minmax(0,1.25fr) minmax(410px,1fr);gap:62px;min-height:650px;border:0;border-radius:0;box-shadow:none;overflow:visible;align-items:stretch}.retail-story{background:transparent;padding:22px 0 16px;overflow:visible;justify-content:center}.retail-story:before{display:none}.story-copy .overline{color:#d0e4bc;font-size:10px;letter-spacing:2.5px;margin-bottom:25px}.retail-story h1{font-size:clamp(52px,4.9vw,78px);font-weight:650;line-height:1.04;letter-spacing:-3px;margin-bottom:22px}.retail-story h1 em{color:#d1e7b8;font-weight:400;font-family:Georgia,serif}.story-description{font-size:16px;line-height:1.85;color:#afc5c7}.shop-scene{margin:4px -28px 0;min-height:290px;flex:1;isolation:isolate}.store-illustration{position:relative;z-index:1;max-height:335px;filter:drop-shadow(0 12px 10px #061a2225)}.scene-orbit{position:absolute;border:1px solid #94bfbc1c;border-radius:50%;z-index:-1;pointer-events:none;left:14%;top:8%;width:76%;height:87%;transform:rotate(-13deg)}.orbit-two{left:22%;top:0;width:59%;height:100%;transform:rotate(22deg);border-style:dashed;opacity:.6}.retail-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#234954ed;border:1px solid #87afa450;box-shadow:0 12px 25px #00192335,inset 0 1px 0 #d8ebdf16;border-radius:13px;padding:11px 14px;animation:chip-drift 9s ease-in-out infinite}.chip-stock{top:9%;left:0;transform:rotate(-5deg)}.chip-sale{right:-3%;bottom:18%;animation-delay:-4.5s;background:#f6f0df;color:#25433d;border-color:#fff9;transform:rotate(4deg)}.retail-chip small{display:block;font-size:8px;letter-spacing:1.5px;color:#a9c5c4;font-weight:650;margin-bottom:4px}.retail-chip strong{font-size:11px;font-weight:600}.chip-sale small{color:#6b7d68}.chip-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#a9cfb31a;color:#c6e3b9}.chip-icon svg{width:21px;height:21px}.chip-sale .chip-icon{background:#dce7cd;color:#527250}.scene-label{position:relative;z-index:2;align-self:flex-start;margin:-15px 0 12px 42%;border:0;background:transparent;padding:0;font-size:11px;letter-spacing:1px;color:#b7cfcd}.barcode-art{display:block;width:40px;height:19px;background:repeating-linear-gradient(90deg,#b7cfcd 0 2px,transparent 2px 4px,#b7cfcd 4px 5px,transparent 5px 8px);opacity:.7}.story-features{padding-top:22px;margin-right:8px;border-color:#8cb3b32b;gap:14px}.story-features span{font-size:12px;gap:9px;color:#c4d5d4}.story-features svg{width:20px;height:20px;color:#c8ddb3}
.signin-panel{position:relative;border-radius:25px;background:#fafbf7;box-shadow:0 28px 70px #00131f4d,inset 0 0 0 1px #fff;overflow:hidden;padding:44px 45px 0;color:#1b3c3b;align-self:center;min-height:675px}.signin-panel:before{content:'';position:absolute;top:0;left:18%;right:18%;height:3px;background:linear-gradient(90deg,transparent,#9dbb83,transparent)}.signin-inner{max-width:420px}.signin-symbol{height:55px;width:55px;border-radius:17px;background:linear-gradient(140deg,#f4f8ee,#dae8cf);box-shadow:0 4px 0 #b6cba72b,inset 0 1px 0 #fff;border:1px solid #cbdac1;color:#4b6e48;margin-bottom:27px}.signin-inner .overline{color:#6c8560;font-size:9px;letter-spacing:1.6px;margin-bottom:12px}.signin-inner h2{font-size:44px;letter-spacing:-1.6px;margin-bottom:13px}.signin-intro{color:#7a8880;font-size:15px;line-height:1.7;margin-bottom:29px}.signin-inner label{font-size:14px;font-weight:700;margin-top:20px;margin-bottom:9px}.field-wrap{background:#fff;border-color:#dce4d8;border-radius:12px;box-shadow:0 2px 4px #34543803,inset 0 1px 2px #35533d03}.field-wrap input{height:62px;font-size:16px}.field-wrap:focus-within{border-color:#6d9262;box-shadow:0 0 0 4px #98b58a21}.field-wrap>svg{color:#809475}.signin-submit{background:linear-gradient(115deg,#254f43,#1c453e);border-color:#244c40;box-shadow:0 4px 0 #112f2a,0 8px 18px #173c3920;height:62px;justify-content:space-between;padding:0 24px;margin-top:29px;border-radius:12px;font-size:16px}.signin-submit:hover{background:linear-gradient(115deg,#315f4e,#24584b);box-shadow:0 5px 0 #112f2a,0 10px 22px #173c392c;transform:translateY(-1px)}.signin-submit:active{transform:translateY(3px);box-shadow:0 1px 0 #112f2a}.signin-submit svg{color:#cce7b8}.access-note{margin:30px 0 25px;font-size:13px}.panel-footer{padding:18px 0;border-color:#e3e9df;margin-top:12px;color:#73816b}.login-footer{color:#90aaa8;min-height:82px;max-width:1440px}.footer-divider{color:#597c7f}.login-footer button{border-color:#688f893d;color:#bdd0c5;background:#ffffff04}.login-footer button:hover{background:#ffffff0a}.receipt-float{animation-duration:6s}.bag-float{animation-duration:7s}@keyframes chip-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes icon-drift{to{translate:12px -20px;rotate:8deg}}
@media(min-width:1600px){.login-layout{min-height:705px;gap:95px}.retail-story h1{font-size:82px}.store-illustration{max-height:370px}.signin-panel{min-height:710px;padding:48px 58px 0}.signin-inner{max-width:430px}.shop-scene{min-height:315px}}
@media(max-width:1100px){.retail-login{padding:0 4%}.login-layout{gap:35px;grid-template-columns:minmax(0,1fr) minmax(350px,.94fr)}.retail-story h1{font-size:57px}.signin-panel{padding:34px 30px 0;min-height:620px}.story-description{font-size:14px}.retail-chip{padding:9px}.retail-chip strong{font-size:10px}.chip-stock{left:0}.chip-sale{right:0}.story-features{flex-wrap:wrap;gap:12px}.story-features span{font-size:11px}.shop-scene{margin-left:-18px;margin-right:-18px}.signin-inner h2{font-size:35px}}
@media(max-height:780px) and (min-width:761px){.login-header{min-height:77px}.login-footer{min-height:56px}.login-layout{min-height:580px;gap:48px}.signin-panel{min-height:580px;padding-top:28px}.signin-symbol{margin-bottom:18px;width:46px;height:46px}.signin-inner h2{font-size:36px}.signin-intro{margin-bottom:19px}.signin-inner label{margin-top:15px}.field-wrap input{height:56px}.signin-submit{height:57px;margin-top:23px}.access-note{margin:23px 0 19px}.panel-footer{padding:14px 0}.retail-story{padding-top:14px}.retail-story h1{font-size:61px}.story-copy .overline{margin-bottom:19px}.story-description{font-size:14px}.shop-scene{min-height:230px}.store-illustration{max-height:260px}.chip-stock{top:3%}.chip-sale{bottom:18%}.scene-label{margin-bottom:8px}.story-features{padding-top:16px}}
@media(max-width:850px) and (min-width:761px){.login-layout{gap:25px;grid-template-columns:1fr 1fr}.retail-story h1{font-size:48px}.signin-panel{padding-left:24px;padding-right:24px}.retail-chip{display:none}.story-features span{font-size:10px}.signin-inner h2{font-size:31px}}
@media(max-width:760px){.retail-login{padding:0 20px;background:radial-gradient(ellipse at 50% 5%,#2c5e6588,transparent 65%)}.login-header{min-height:91px;max-width:470px}.login-brand{font-size:25px}.login-brand small{font-size:8px;letter-spacing:1.7px}.login-layout{display:block;min-height:0;max-width:470px}.retail-story{display:none}.signin-panel{min-height:0;padding:30px 29px 0;border-radius:22px}.signin-symbol{width:48px;height:48px;margin-bottom:24px}.signin-inner h2{font-size:35px}.signin-inner .overline{font-size:8px}.signin-intro{margin-bottom:24px}.field-wrap input{height:56px}.signin-submit{margin-top:26px;font-size:14px;padding:0 18px}.login-footer{max-width:470px;min-height:80px;padding:19px 0;font-size:10px}.ambient span,.background-icon{animation:none}.icon-bag{left:-35px;top:60%}.icon-tag{right:-35px;top:15%}.background-icon svg{height:105px;width:105px}}
@media(max-width:360px){.retail-login{padding:0 14px}.signin-panel{padding:25px 22px 0}.signin-inner h2{font-size:31px}.signin-intro{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Larger sign-in branding, text and icons. */
.login-brand{font-size:32px}.login-brand small{font-size:10px}.brand-symbol{width:54px;height:54px}.brand-symbol svg{width:33px;height:33px}
.signin-symbol{width:62px;height:62px}.signin-symbol svg{width:28px;height:28px}.signin-inner .overline{font-size:10px}.signin-inner label{font-size:15px}.field-wrap input{font-size:17px}.field-wrap>svg{width:22px;height:22px}#toggle-password svg{width:23px;height:23px}.signin-submit{font-size:17px}.signin-submit svg{width:24px;height:24px}.access-note{font-size:14px}.access-note svg{width:18px;height:18px}.panel-footer{font-size:12px}
@media(max-height:780px) and (min-width:761px){.signin-symbol{width:50px;height:50px;margin-bottom:15px}.signin-intro{margin-bottom:16px}.access-note{margin:20px 0 16px}.panel-footer{padding:12px 0}}
@media(max-width:760px){.login-brand{font-size:28px}.login-brand small{font-size:9px}.brand-symbol{width:47px;height:47px}.brand-symbol svg{width:29px;height:29px}.signin-symbol{width:54px;height:54px}.signin-inner .overline{font-size:9px}.signin-submit{font-size:16px}.access-note{font-size:13px}}

/* Fit desktop windows, including validation messages, without clipping controls. */
@media(min-width:761px){
  .login-header{min-height:76px;flex-shrink:0}
  .login-footer{min-height:48px;flex-shrink:0}
  .login-layout{min-height:0;margin:auto;gap:clamp(28px,4vw,76px)}
  .signin-panel{min-height:0;padding:28px 45px 0;width:100%}
  .signin-symbol{width:48px;height:48px;margin-bottom:16px}
  .signin-inner .overline{margin-bottom:10px}
  .signin-inner h2{font-size:38px;margin-bottom:10px}
  .signin-intro{margin-bottom:18px;line-height:1.5}
  .signin-inner label{margin:14px 0 7px}
  .field-wrap input{height:54px}
  .signin-submit{height:56px;margin-top:22px}
  .access-note{margin:20px 0 16px;line-height:1.5}
  .panel-footer{padding:14px 0;margin-top:8px}
  .login-error,.login-notice{margin:0 0 12px;padding:10px 12px}
  .retail-story{min-height:0;padding:14px 0}
  .retail-story h1{font-size:clamp(44px,4.5vw,72px)}
  .shop-scene{min-height:180px;margin-top:0}
  .store-illustration{max-height:clamp(180px,30svh,300px)}
}
@media(min-width:761px) and (max-height:780px){
  .login-header{min-height:64px}
  .login-footer{min-height:40px}
  .signin-panel{padding:22px 32px 0}
  .signin-symbol,.signin-inner>.overline{display:none}
  .signin-inner h2{font-size:34px}
  .signin-intro{margin-bottom:12px;font-size:14px}
  .signin-inner label{margin-top:12px;font-size:14px}
  .field-wrap input{height:48px;font-size:16px}
  .signin-submit{height:50px;margin-top:18px}
  .access-note{margin:16px 0 12px;font-size:13px}
  .panel-footer{padding:12px 0;margin-top:0}
  .story-copy .overline{margin-bottom:14px}
  .retail-story h1{font-size:clamp(40px,4vw,60px);margin-bottom:14px}
  .story-description{line-height:1.6}
  .shop-scene{min-height:160px}
  .store-illustration{max-height:200px}
  .story-features{padding-top:12px}
}
@media(min-width:761px) and (max-height:620px){
  .login-header{min-height:58px}
  .login-footer{min-height:36px}
  .signin-panel{padding-top:18px;padding-bottom:16px}
  .panel-footer{display:none}
  .signin-intro{margin-bottom:8px}
  .access-note{margin-bottom:0}
  .story-features,.retail-chip{display:none}
  .shop-scene{min-height:120px}
  .store-illustration{max-height:140px}
}
@media(max-width:760px) and (max-height:900px){
  .login-header{min-height:64px}
  .brand-symbol{width:40px;height:40px}
  .login-brand{font-size:26px}
  .signin-panel{padding:24px 26px 18px}
  .signin-symbol,.signin-inner>.overline,.panel-footer{display:none}
  .signin-inner h2{font-size:32px;margin-bottom:10px}
  .signin-intro{font-size:14px;line-height:1.5;margin-bottom:12px}
  .signin-inner label{font-size:14px;margin:12px 0 6px}
  .field-wrap input{height:48px;font-size:16px}
  .signin-submit{height:50px;margin-top:18px}
  .access-note{font-size:13px;line-height:1.5;margin:16px 0 0}
  .login-error,.login-notice{margin:0 0 12px;padding:10px 12px}
  .login-footer{min-height:40px;padding:8px 0}
}