@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;color:#252432;background:#fbfaf8;font-family:'DM Sans',system-ui,sans-serif;font-size:14px}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}.story{background:#39304f;color:#fff;padding:40px 55px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.story:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff08;border-radius:50%;right:-300px;top:80px;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02;pointer-events:none}.login-brand{font:800 29px Manrope;letter-spacing:-1.2px;color:white;text-decoration:none;position:relative}.login-brand>span{color:#d1c3e1;margin-right:7px}.login-brand i{display:block;font:8px 'DM Sans';letter-spacing:2.5px;font-style:normal;margin:6px 0 0 37px;color:#b7abc7}.story-content{max-width:450px;width:100%;margin:auto;padding:55px 0 38px;position:relative}.story-kicker{font-size:9px;letter-spacing:1.8px;color:#c7bbd7;display:flex;align-items:center;gap:8px}.story-kicker>span{width:5px;height:5px;background:#efad85;border-radius:50%}h1{font:600 clamp(36px,3.7vw,56px)/1.18 Manrope;letter-spacing:-2px;margin:22px 0}h1 em{color:#d5c3e9;font-style:normal}.story-content>p{font-size:12px;line-height:1.85;color:#c4b8d1;max-width:350px;margin-bottom:30px}.store-visual{border:1px solid #ffffff1b;border-radius:13px;background:#ffffff06;max-width:390px;box-shadow:0 20px 60px #221b2f33;padding:18px 20px 14px}.visual-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#c7bdd4}.visual-top i{font-style:normal;color:#abc9b8;font-size:8px;letter-spacing:0}.storefront{margin:25px auto 18px;width:210px;position:relative;padding-top:0}.store-sign{height:34px;background:#e4d7ee;border:1px solid #f0e4fa;color:#534167;text-align:center;padding:10px;font-size:11px;letter-spacing:2px;font-weight:700;border-radius:4px 4px 0 0}.store-sign span{font-weight:400;font-size:8px;letter-spacing:1px}.awning{display:flex;height:20px;position:relative;z-index:1}.awning i{width:14.285%;background:#a99abb;border-radius:0 0 6px 6px}.awning i:nth-child(even){background:#e9dced}.store-windows{height:85px;background:#bfb0ce;display:flex;gap:8px;padding:8px 10px 0;align-items:stretch;border-bottom:5px solid #d8cbe3;box-shadow:0 7px 0 #ffffff08}.display{background:#6a5d7d;flex:1;display:flex;align-items:end;justify-content:center;gap:4px;padding:10px 5px}.display span{background:#baa9cd;display:block;width:10px;height:25px;border-radius:2px 2px 0 0}.display span:nth-child(2){height:34px;background:#e7bc9c}.display:nth-child(3) span{background:#c8b8d9}.door{width:40px;background:#665777;position:relative;border-top:4px solid #dfd1e8}.door:before{content:'';position:absolute;inset:7px 6px 19px;border:1px solid #d6c4e044;background:#b8a6cd44}.door i{position:absolute;width:2px;height:9px;background:#d9cce6;right:5px;top:36px}.visual-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff0d;padding-top:12px;gap:6px;font-size:8px;color:#c7bdd2}.visual-footer b{font-weight:400;color:#dcb38e;margin-right:3px}.story-links{display:flex;gap:17px;margin-top:24px;font-size:9px;color:#b2a5c1}.story-links span+span:before{content:'·';margin-right:15px}.story-bottom{position:relative;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#b0a3be}.story-bottom span{color:#8e7fa2}.signin{position:relative;display:flex;flex-direction:column;padding:45px 60px 27px}.signin-inner{width:100%;max-width:360px;margin:auto;padding:40px 0}.welcome-icon{display:grid;place-items:center;width:43px;height:43px;background:#eee8f4;border:1px solid #e7deef;border-radius:12px;color:#8a6da3;font-size:23px;margin-bottom:26px}.form-kicker{font-size:9px;color:#9c8daa;font-weight:600;letter-spacing:1.4px}h2{font:700 33px Manrope;letter-spacing:-1.2px;margin:10px 0}.intro{color:#92909b;font-size:12px;line-height:1.7;margin:0 0 30px}form>label,.password-label label{font-size:11px;font-weight:600;display:block;margin-bottom:9px}.password-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px}.password-label>span{font-size:9px;color:#aba7b1}.input-wrap{position:relative;display:flex;align-items:center;border:1px solid #e3dfe8;background:white;border-radius:8px;overflow:hidden;min-height:50px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#a58ab9;box-shadow:0 0 0 3px #8a66a414}.input-wrap>span{position:absolute;left:14px;color:#a69ab1;font-size:18px;pointer-events:none}.input-wrap input{width:100%;border:0;background:transparent;padding:14px 45px 14px 42px;font:12px 'DM Sans',system-ui;outline:none;color:#39304f;min-width:0}.input-wrap input::placeholder{color:#b1abb8}.input-wrap button{position:absolute;right:9px;top:8px;bottom:8px;border:0;background:transparent;color:#8c7a9d;font-size:10px;padding:7px;cursor:pointer}.session-note{font-size:9px;color:#a39aa9;display:flex;align-items:center;gap:6px;margin:15px 0 22px}.session-note>span{font-size:13px}.signin-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#50405f;border:1px solid #50405f;border-radius:8px;color:white;padding:15px 18px;font:600 12px 'DM Sans',system-ui;cursor:pointer;min-height:51px;box-shadow:0 5px 12px #4e3d5a12}.signin-button:hover{background:#40314e}.signin-button:disabled{opacity:.6;cursor:wait}.signin-button>span:last-child{font-size:18px;font-weight:400}.access-help{text-align:center;font-size:10px;line-height:1.9;color:#a29aa9;margin-top:23px}.access-help strong{font-weight:500;color:#766783}.security-note{border-top:1px solid #eae5ee;margin-top:36px;padding-top:23px;display:flex;gap:12px;align-items:center}.security-note>span{color:#a18aac;font-size:24px}.security-note b{font-size:10px;font-weight:500;color:#796e84}.security-note p{font-size:9px;color:#a8a0b0;margin:5px 0 0}footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#afa6b7}.login-error{border:1px solid #f0cbbb;background:#fff1e9;border-radius:7px;padding:12px 13px;color:#a05e3e;margin:0 0 20px;font-size:11px;line-height:1.6}.login-error b,.login-error span{display:block}.mobile-login-brand{display:none}:focus-visible{outline:2px solid #a285b8;outline-offset:3px}@media(min-width:1450px){.story{padding-left:75px;padding-right:75px}.story-content{max-width:500px}}@media(max-width:1000px){.story{padding:30px}.signin{padding:35px}.story-links{gap:10px;font-size:8px}.story-links span+span:before{margin-right:8px}.story-bottom span{display:none}h1{font-size:40px}.store-visual{padding:15px}.visual-footer{font-size:7px}}@media(max-width:700px){.login-layout{display:block;min-height:100dvh}.story{display:none}.signin{min-height:100dvh;padding:28px 26px 22px;background:radial-gradient(ellipse at top,#ece5f35c,transparent 45%),#fbfaf8}.mobile-login-brand{display:block;font:700 24px Manrope;color:#4e3e60;letter-spacing:-.8px}.mobile-login-brand>span{display:block;font:8px 'DM Sans';letter-spacing:2.3px;margin:5px 0 0 28px;color:#a495b1}.signin-inner{max-width:380px;padding:40px 0 32px}.welcome-icon{margin-bottom:25px}.input-wrap{min-height:54px}.input-wrap input{font-size:16px;padding:16px 52px 16px 42px}.input-wrap button{font-size:11px;padding:8px 5px;min-width:38px}.form-kicker{font-size:9px}h2{font-size:32px}.intro{font-size:12px;margin-bottom:30px}form>label,.password-label label{font-size:12px}.signin-button{min-height:54px;font-size:13px}.session-note{font-size:10px}.access-help{font-size:11px}.security-note b{font-size:11px}.security-note p{font-size:10px}.security-note{margin-top:30px}footer{font-size:8px}.story-bottom{display:none}}@media(max-height:750px) and (min-width:701px){.story-content{padding:30px 0}.story h1{font-size:38px}.store-visual{max-width:340px}.storefront{margin-top:15px}.story-content>p{margin-bottom:20px}.signin-inner{padding:15px 0}.welcome-icon{margin-bottom:15px}.security-note{margin-top:25px}}