/* login styles: source file; published with scripts/publish-assets.php. */
.pocket-login{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;width:100%}
.login-story{background:var(--forest);color:white;padding:44px 9%;position:relative;overflow:hidden;display:flex;flex-direction:column}
.login-story-copy{margin-top:65px;position:relative;z-index:1}
.login-story-copy .eyebrow{color:#a7bc90}
.login-story-copy h1{font-size:52px;letter-spacing:-2.3px;line-height:1.12;margin-top:21px;font-weight:400}
.login-story-copy em{color:#cee6a7;font-style:normal}
.login-story-copy p{font-size:15px;color:#b0bfa5;line-height:1.9;margin-top:24px}
.login-story-footer{font-size:13px;color:#93a587;margin-top:auto;padding-top:35px}
.login-form-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px 30px;position:relative}
.login-form-wrap{width:100%;max-width:350px}
.login-form-wrap h2{font-size:34px;letter-spacing:-1px;margin:12px 0 8px}
.login-form-wrap>p{font-size:15px;color:#929b86;margin-bottom:35px}
.login-form-wrap .form-group{display:flex;flex-direction:column;gap:9px;margin-top:22px}
.login-form-wrap label{font-size:14px;color:#718263}
.login-form-wrap sup{display:none}
.login-form-wrap input{padding:14px;border-radius:8px;background:white}
.password-wrap{position:relative}
.password-wrap>button{position:absolute;right:12px;bottom:14px;background:none;border:0;color:#92a17e;font-size:13px}
.password-wrap input{padding-right:55px}
.persistent-note{font-size:13px;color:#97a18a;line-height:1.6;margin:18px 0 12px}
.login-form-wrap .primary-button{width:100%;justify-content:space-between;margin-top:15px;padding:15px 19px}
.login-private{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);margin-top:35px;padding-top:25px;color:#879578;font-size:15px}
.login-private>span{font-size:26px}
.login-private small{display:block;font-size:13px;color:#a2aa95;margin-top:4px}
.login-bottom{position:absolute;bottom:28px;font-size:13px;color:#a2ab95}
.login-illustration{position:relative;width:290px;height:225px;margin:32px auto 0}
.illustration-card{position:absolute;left:30px;top:15px;transform:rotate(-8deg);background:#dfedc3;border-radius:14px;padding:20px;width:220px;box-shadow:0 15px 30px #0c291c30;color:#355037}
.illustration-card>span{font-size:7px;letter-spacing:1.4px}
.illustration-card strong{display:block;font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.6px;margin-top:11px}
.illustration-bars{height:65px;display:flex;align-items:flex-end;gap:8px;padding:12px 0}
.illustration-bars i{display:block;background:#8faa65;flex:1;border-radius:3px;height:20%}
.illustration-bars i:nth-child(2){height:35%}
.illustration-bars i:nth-child(3){height:30%}
.illustration-bars i:nth-child(4){height:60%}
.illustration-bars i:nth-child(5){height:53%}
.illustration-bars i:nth-child(6){height:80%}
.illustration-bars i:nth-child(7){height:100%}
.floating-star{position:absolute;right:3px;top:0;color:#e6b883;font-size:60px;transform:rotate(15deg)}
.floating-coin{position:absolute;right:12px;bottom:0;width:50px;height:50px;display:grid;place-content:center;background:#9fb876;border-radius:50%;border:4px solid #b8cb94;color:#365139;font-size:24px;transform:rotate(20deg)}
.orbit{position:absolute;inset:-20px;border:1px solid #b0cb8b18;border-radius:50%;transform:rotate(-30deg)}
.orbit-two{inset:-60px 20px;transform:rotate(40deg)}
@media(max-width:1150px){.login-story-copy h1{font-size:45px}}
@media(max-width:1150px){.login-illustration{transform:scale(.85);transform-origin:top left;margin-bottom:-30px}}
@media(max-width:850px){.login-story{padding:35px 30px}}
@media(max-width:850px){.login-story-copy h1{font-size:38px}}
@media(max-width:850px){.login-illustration{transform:scale(.75)}}
@media(max-width:1199px){.pocket-login{display:flex;flex-direction:column}}
@media(max-width:1199px){.login-story{padding:25px 25px 35px;min-height:300px}}
@media(max-width:1199px){.login-story .pocket-brand>span:last-child{display:block}}
@media(max-width:1199px){.login-story-copy{margin-top:34px}}
@media(max-width:1199px){.login-story-copy h1{font-size:36px;max-width:280px;letter-spacing:-1.4px}}
@media(max-width:1199px){.login-story-copy h1 br:nth-child(2){display:none}}
@media(max-width:1199px){.login-story-copy p{font-size:14px;margin-top:16px;max-width:245px}}
@media(max-width:1199px){.login-illustration{position:absolute;right:-95px;bottom:-50px;transform:scale(.6);opacity:.45;pointer-events:none}}
@media(max-width:1199px){.login-story-footer{display:none}}
@media(max-width:1199px){.login-form-side{padding:36px 27px 60px}}
@media(max-width:1199px){.login-form-wrap{max-width:380px}}
@media(max-width:1199px){.login-form-wrap h2{font-size:29px}}
@media(max-width:1199px){.login-form-wrap>p{margin-bottom:24px}}
@media(max-width:1199px){.login-form-wrap .form-group{margin-top:18px}}
@media(max-width:1199px){.login-bottom{bottom:20px}}
@media(max-width:1199px){.login-private{margin-top:26px;padding-top:20px}}
@media(max-width:1199px){.login-form-wrap .primary-button{min-height:50px}}
@media(max-width:1199px){.persistent-note{font-size:13px}}

.login-form-wrap input{font-size:16px}.login-story-copy p{line-height:1.8}.login-private small,.persistent-note{line-height:1.6}