.login-page{--login-ink:var(--ink);--login-purple:var(--primary);background:var(--bg);min-height:100dvh;color:var(--login-ink);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;padding:24px;display:grid}.login-story{background:var(--mint);border-radius:30px;flex-direction:column;padding:34px clamp(28px,4.5vw,76px);display:flex;position:relative;overflow:hidden}.login-story>.brand{color:#284f4b;z-index:1;font-size:30px;position:relative}.login-story>.brand span{color:#319080}.login-story-content{margin:auto 0;padding:38px 0 24px}.login-pill{color:#367267;background:#f5fff5;border:1px solid #cce5cf;border-radius:24px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:600;display:inline-flex;transform:rotate(-3deg)}.login-story h1{letter-spacing:-2.5px;margin:24px 0 15px;font-size:clamp(38px,4.2vw,62px);font-weight:800;line-height:1.12}.login-story h1 em{color:var(--login-purple);font-style:normal;display:inline-block;position:relative}.login-story h1 em:after{content:"";border-top:3px solid #b4a0dc;border-radius:50%;width:100%;height:10px;position:absolute;bottom:-5px;left:0;transform:rotate(-3deg)}.login-story-content>p{color:#56746b;font-size:14px;line-height:1.8}.login-illustration{max-width:400px;height:300px;margin:18px auto 6px;position:relative}.wallet-orbit{background:#c6e8dc;border-radius:50%;width:275px;height:240px;position:absolute;top:27px;left:50%;transform:translate(-50%)rotate(-20deg)}.wallet-orbit:after{content:"";border-radius:inherit;border:1px dashed #93c3b466;position:absolute;inset:-17px}.happy-wallet{background:#aa95e0;border:2px solid #7960b5;border-radius:23px;width:238px;height:169px;position:absolute;top:73px;left:50%;transform:translate(-50%)rotate(-9deg);box-shadow:0 8px #8870bc,10px 24px 24px #548a7530}.wallet-stitch{border:1px dashed #69529277;border-radius:15px;position:absolute;inset:9px}.wallet-symbol{color:#f7eeff;position:absolute;top:22px;left:23px}.wallet-caption{color:#fff;letter-spacing:.5px;font-size:11px;font-weight:600;position:absolute;bottom:23px;left:24px}.wallet-clasp{background:#cbbbeb;border:2px solid #8068b5;border-radius:12px;place-items:center;width:69px;height:46px;display:grid;position:absolute;top:66px;right:-13px;box-shadow:0 4px #8068b5}.wallet-clasp>span{background:#ffdf7b;border:2px solid #c8a652;border-radius:50%;width:13px;height:13px}.wallet-face{width:59px;height:39px;position:absolute;top:60px;left:78px}.wallet-face>i{background:#3b3450;border-radius:50%;width:7px;height:11px;position:absolute;left:8px}.wallet-face>i:nth-child(2){left:39px}.wallet-face>span{border-bottom:3px solid #3b3450;border-radius:0 0 50% 50%;width:22px;height:12px;position:absolute;bottom:3px;left:16px}.wallet-note{color:#8d7540;background:#fff7d6;border:1px solid #dfcf8c;border-radius:12px;justify-content:space-between;align-items:flex-start;width:197px;height:90px;padding:15px;font-size:11px;display:flex;position:absolute;top:38px;left:50%;transform:translate(-50%)rotate(7deg)}.wallet-note svg{color:#d48d76}.saving-sticker{background:#fffdf7;border:1px solid #e0e6d7;border-radius:15px;align-items:center;gap:10px;padding:13px 17px;display:flex;position:absolute;bottom:18px;right:-4px;transform:rotate(5deg);box-shadow:0 9px 14px #3a725513}.saving-sticker>span{color:#488151;background:#e2f3cd;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.saving-sticker b{font-size:11px;display:block}.saving-sticker small{color:#7c8b7c;margin-top:4px;font-size:10px;display:block}.coin-sticker{color:#987023;background:#ffdd7d;border:5px solid #ffefb2;border-radius:50%;outline:1px solid #d5b658;place-items:center;width:59px;height:59px;font-size:20px;font-weight:800;display:grid;position:absolute;top:6px;right:19px;transform:rotate(14deg);box-shadow:3px 5px #d6b15c}.doodle-star{color:#658c7a;font-size:44px;position:absolute}.star-one{top:23px;left:5px;transform:rotate(12deg)}.star-two{color:#d9ad4d;font-size:38px;bottom:15px;left:37px}.tiny-spark{color:var(--primary);font-size:43px;position:absolute;top:125px;right:-4px}.login-feature-chips{color:#53766b;flex-wrap:wrap;justify-content:center;gap:12px;font-size:10px;display:flex}.login-feature-chips>span{align-items:center;gap:4px;display:inline-flex}.login-story-footer{color:#66887b;text-align:center;padding-top:20px;font-size:10px;line-height:1.6}.login-form-area{justify-content:center;align-items:center;padding:28px 20px;display:flex}.login-form-card{width:100%;max-width:415px;position:relative}.hello-sticker{background:#fff0cc;border:1px solid #f0dfb0;border-radius:19px;place-items:center;width:58px;height:58px;margin-bottom:23px;font-size:30px;display:grid;transform:rotate(9deg)}.login-kicker{color:#7a8190;letter-spacing:1.8px;font-size:9px;font-weight:700;display:block}.login-form-card h2{letter-spacing:-1.2px;color:var(--login-ink);margin:10px 0;font-size:34px}.login-form-card>.muted{color:#76828b;max-width:315px;font-size:13px;line-height:1.7}.login-google{background:#fff;border:1px solid #dfe4df;border-radius:13px;min-height:52px;margin-top:27px;font-size:13px;transition:border-color .2s,box-shadow .2s}.login-google:hover{border-color:#ac9cca;box-shadow:0 3px #ede5f8}.google-hint{color:#7c8490;margin-left:auto;font-size:11px;font-weight:400}.login-divider{color:#8b9497;align-items:center;gap:14px;margin:22px 0;font-size:11px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e2e7e1;flex:1;height:1px}.login-fields label{color:#4c5b63;margin-top:17px;font-size:12px}.login-fields input{border-color:var(--line);background:#fff;border-radius:12px;min-height:50px;padding:13px 15px;font-size:14px}.login-fields input:focus{border-color:#9b81c7;box-shadow:0 0 0 3px #9b81c716}.login-password{position:relative}.login-password input{padding-right:50px}.login-password .icon-button{color:#788390;position:absolute;top:14px;right:6px}.login-fields>.primary{background:var(--primary);min-height:51px;box-shadow:0 4px 0 var(--primary-edge);border:1px solid #654999;border-radius:12px;justify-content:space-between;margin-top:25px;padding:14px 18px;font-size:13px}.login-fields>.primary:hover:not(:disabled){background:var(--primary-hover)}.login-fields>.primary:active:not(:disabled){box-shadow:0 1px 0 var(--primary-edge);transform:translateY(3px)}.login-switch{text-align:center;color:#78818b;margin:24px 0;font-size:12px}.login-switch>button{color:var(--login-purple);background:0 0;border:0;padding:5px 2px;font-weight:700}.login-trust{color:#7a9088;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.login-preview{color:#6b7180;justify-content:center;align-items:center;gap:4px;margin-top:22px;font-size:11px;display:flex}.login-preview:hover{color:var(--login-purple)}@media (min-width:1500px){.login-page{padding:36px max(36px,50vw - 740px)}.login-story{padding-top:42px;padding-bottom:42px}}@media (max-width:1000px) and (min-width:761px){.login-page{gap:14px;padding:16px}.login-story{padding:28px}.login-form-area{padding:24px 12px}.login-story h1{font-size:42px}.login-illustration{margin-left:-15px;margin-right:-15px;transform:scale(.9)}.login-feature-chips{gap:8px;font-size:9px}}@media (max-width:760px){.login-page{background:var(--bg);padding:0;display:block}.login-story{border-radius:0 0 30px 30px;padding:23px 25px 26px;overflow:hidden}.login-story>.brand{font-size:27px}.login-story-content{margin:0;padding:22px 0 0;position:relative}.login-pill{gap:5px;padding:6px 9px;font-size:9px}.login-pill svg{width:12px}.login-story h1{letter-spacing:-1.3px;z-index:1;margin:16px 0 11px;font-size:clamp(31px,8.2vw,42px);line-height:1.17;position:relative}.login-story h1 em:after{border-width:2px;height:6px;bottom:-3px}.login-story-content>p{z-index:1;font-size:11px;line-height:1.75;position:relative}.login-illustration{transform-origin:50%;pointer-events:none;width:290px;height:300px;margin:0;position:absolute;top:-78px;right:-111px;transform:scale(.41)rotate(10deg)}.saving-sticker,.star-two,.tiny-spark{display:none}.star-one{left:6px}.coin-sticker{right:2px}.login-feature-chips,.login-story-footer{display:none}.login-form-area{padding:27px 25px 30px}.login-form-card{max-width:420px}.hello-sticker{border-radius:14px;width:43px;height:43px;margin:0;font-size:24px;position:absolute;top:3px;right:3px}.login-kicker{letter-spacing:1.5px;font-size:8px}.login-form-card h2{margin:7px 0 8px;font-size:28px}.login-form-card>.muted{max-width:270px;font-size:12px}.login-google{min-height:48px;margin-top:20px}.google-hint{font-size:10px}.login-divider{margin:19px 0}.login-fields label{margin-top:14px}.login-fields input{min-height:48px;font-size:16px}.login-fields>.primary{margin-top:21px}.login-switch{margin:21px 0 17px}.login-preview{margin-top:18px}}@media (max-width:360px){.login-story,.login-form-area{padding-left:20px;padding-right:20px}.login-illustration{right:-126px;transform:scale(.34)rotate(10deg)}.google-hint{font-size:9px}}@media (prefers-reduced-motion:no-preference){.happy-wallet{animation:5s ease-in-out infinite wallet-bob}@keyframes wallet-bob{50%{transform:translate(-50%)translateY(-7px)rotate(-6deg)}}}