body[data-customer-page="/login"] .site-main{width:min(100% - 40px,1120px);padding:35px 0 70px}
.login-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:stretch;color:#292338}
.login-page a:focus-visible,.login-page button:focus-visible,.login-page input:focus-visible{outline:3px solid #bd91ee;outline-offset:3px}
.login-story{position:relative;min-height:640px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 80% 65%,#dfc6f5 0,transparent 42%),linear-gradient(145deg,#f5eafa,#eee0f8 92%)}
.login-story-copy{position:relative;z-index:2;padding:48px 9%;max-width:510px}
.login-story h2{margin:24px 0 15px;color:#292338;font:800 clamp(31px,3vw,43px)/1.14 Manrope,sans-serif;letter-spacing:-.055em}
.login-story h2 span{color:#67399b}
.login-story p{max-width:395px;margin:0;color:#62566d;font-size:16px;line-height:1.65}
.login-story img{position:absolute;z-index:1;width:min(87%,480px);height:auto;max-height:490px;object-fit:contain;object-position:bottom;right:0;bottom:-58px;filter:drop-shadow(0 20px 20px rgba(75,39,107,.12))}
.login-story-orbit{position:absolute;width:570px;height:570px;border:1px solid rgba(129,77,174,.17);border-radius:50%;right:-170px;bottom:-280px;box-shadow:0 0 0 70px rgba(129,77,174,.035)}
.login-panel{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:48px clamp(25px,5vw,70px);border:1px solid #eee7ee;border-radius:28px;background:#fff;box-shadow:0 14px 40px rgba(50,29,76,.045)}
.login-panel h1{margin:17px 0 8px;color:#292338;font:800 clamp(30px,3.3vw,42px)/1.16 Manrope,sans-serif;letter-spacing:-.055em}
.login-intro{margin:0 0 35px;color:#71687a;font-size:15px;line-height:1.6}
.login-form{display:grid;gap:20px}
.login-field label{display:block;margin-bottom:9px;color:#3a3045;font-size:14px;font-weight:750}
.login-field input{width:100%;min-height:56px;padding:13px 16px;border:1px solid #ddd4e2;border-radius:13px;background:#fff;color:#292338;font-size:16px;transition:border-color .2s,box-shadow .2s}
.login-field input::placeholder{color:#a69aab}
.login-field input:focus{outline:0;border-color:#9466bf;box-shadow:0 0 0 4px #eadbf5}
.login-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.login-label-row a{color:#623a96;font-size:13px;font-weight:750;text-decoration:none}.login-label-row a:hover,.login-help:hover{text-decoration:underline;text-underline-offset:3px}
.login-password-wrap{position:relative}.login-password-wrap input{padding-right:92px}.login-password-wrap button{position:absolute;top:5px;right:6px;min-height:46px;padding:0 12px;color:#623a96;font-size:13px;font-weight:800}
.login-field p{margin:9px 1px 0;color:#8a7f90;font-size:12px;line-height:1.4}
.login-submit{min-height:55px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;padding:12px 18px;border-radius:13px;background:#623a96;color:white;font-weight:800;box-shadow:0 10px 20px rgba(98,58,150,.18);transition:transform .2s,background .2s}
.login-submit:hover{background:#4f2e7c;transform:translateY(-1px)}.login-submit:disabled{opacity:.65;cursor:wait;transform:none}.login-submit svg{width:19px;height:19px}
.login-error{min-height:20px;margin:-8px 0 0;color:#b72f4c;text-align:center;font-size:13px;line-height:1.4}
.login-create{margin-top:18px;padding:22px 0;border-top:1px solid #eee7ee;color:#776d7e;text-align:center;font-size:14px}.login-create a{color:#623a96;font-weight:800;text-decoration:none}.login-create a:hover{text-decoration:underline;text-underline-offset:3px}
.login-help{align-self:center;color:#77618f;font-size:13px;font-weight:700;text-decoration:none}
@media(max-width:800px){.login-page{grid-template-columns:1fr;gap:18px;max-width:600px;margin:auto}.login-panel{order:1;padding:42px 32px}.login-story{order:2;min-height:280px}.login-story-copy{padding:32px}.login-story h2{max-width:340px;margin:14px 0;font-size:29px}.login-story p{max-width:320px;font-size:14px}.login-story img{width:235px;max-height:250px;right:-15px;bottom:-95px;opacity:.85}}
@media(max-width:560px){body[data-customer-page="/login"] .site-main{padding:17px 0 36px}.login-page{gap:16px}.login-panel{padding:34px 25px 27px;border-radius:23px}.login-panel h1{font-size:34px}.login-intro{margin-bottom:28px}.login-form{gap:18px}.login-story{min-height:245px;border-radius:23px}.login-story-copy{padding:26px}.login-story h2{font-size:26px;max-width:270px}.login-story p{max-width:225px;font-size:13px}.login-story img{width:190px;right:-26px;bottom:-85px}}
@media(prefers-reduced-motion:reduce){.login-submit,.login-field input{transition:none}}
body[data-customer-page="/register"] .site-main{padding-top:52px}
.register-page{display:block;width:min(100%,560px);margin:0 auto}
.register-page .login-panel{padding:47px 48px 37px;border-color:#e9dfea;box-shadow:0 18px 55px rgba(56,30,80,.055)}
.register-page .login-panel h1{font-size:clamp(34px,4vw,42px)}
.register-page .login-intro{margin-bottom:27px}
.register-referral{display:grid;gap:5px;margin-bottom:24px;padding:15px 17px;border:1px solid #d9c5e9;border-radius:13px;background:#f7f0fc;color:#5d3589;font-size:13px;line-height:1.45}
.register-referral strong{font-weight:800}.register-referral span{overflow-wrap:anywhere}
.register-password-hint{color:#8a7f90;font-size:12px;text-align:right}
.register-meter{height:5px;overflow:hidden;margin:11px 1px 0;border-radius:999px;background:#f0ebf3}
.register-meter>div{width:0;height:100%;border-radius:999px;background:#c8b8d7;transition:width .2s,background .2s}
.register-meter>div.is-short{background:#d2a05a}.register-meter>div.is-ready{background:#8c67b4}
.register-page .login-field p{margin-top:8px}
.register-test-note{margin:16px 0 0;color:#84798e;text-align:center;font-size:12px;line-height:1.5}
.register-page .login-create{margin-top:17px;padding-top:19px;padding-bottom:18px}
@media(max-width:800px){.register-page .login-panel{padding:42px 35px 30px}}
@media(max-width:560px){body[data-customer-page="/register"] .site-main{padding:18px 0 36px}.register-page .login-panel{padding:34px 24px 25px}.register-page .login-intro{margin-bottom:25px}}