*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#18392f;background:#f8faf8;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #70bca7;outline-offset:4px}.login-layout{display:grid;grid-template-columns:1.06fr 1fr;min-height:100svh}.login-story{position:relative;isolation:isolate;overflow:hidden;background:#073e36;color:#fff;padding:42px 7% 34px;display:flex;flex-direction:column}.login-story:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 100% 80%,#257c6660,transparent 58%),radial-gradient(ellipse at 0% 0%,#245b5040,transparent 60%)}.login-story:after{content:'';position:absolute;width:650px;height:650px;border:1px solid #d7f8e80b;border-radius:50%;top:-350px;right:-300px;z-index:-1}.login-brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;width:fit-content;font-size:17px;font-weight:650;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #b4dcc544;background:#ffffff0a;border-radius:12px;font-size:23px;font-weight:600;letter-spacing:-3px;padding-right:3px;position:relative}.brand-mark>span{position:absolute;width:5px;height:5px;border-radius:50%;background:#c5ee9e;right:8px;top:9px}.login-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:4.5px;color:#a7c9bd;margin-top:5px}.story-content{margin:auto 0;padding:44px 0 12px}.story-eyebrow{display:flex;align-items:center;gap:9px;color:#b7d2c7;font-size:9px;letter-spacing:2px;font-weight:500}.story-eyebrow i{width:6px;height:6px;background:#c9eda9;border-radius:50%}.login-story h1{font-size:clamp(48px,5.2vw,84px);line-height:1.04;letter-spacing:-3.7px;font-weight:500;margin:24px 0 18px}.login-story h1 em{color:#d1edb6;font-style:normal}.story-content>p{font-size:15px;line-height:1.7;color:#afcfc3;font-weight:350;margin:0}.workspace-art{position:relative;margin:30px 20px 5px 0;height:240px;max-width:440px}.art-sheet{position:absolute;left:8px;top:10px;right:35px;background:#f8fcf9;border:1px solid #ffffff70;border-radius:17px;padding:17px 22px;color:#28473d;box-shadow:0 22px 50px #00251d44;transform:rotate(-5deg);z-index:2}.sheet-top{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:600;margin-bottom:13px}.sheet-icon{display:grid;place-items:center;width:29px;height:29px;background:#0e5e4e;border-radius:8px;color:#fff;font-size:13px}.sheet-top small,.sheet-row small{display:block;font-weight:400;font-size:9px;color:#84998f;margin-top:4px}.sheet-menu{margin-left:auto;letter-spacing:1px;color:#8faaa0}.sheet-row{display:flex;gap:11px;align-items:center;padding:10px 0;border-top:1px solid #e7eeea;font-size:11px;font-weight:600}.sheet-row>b{font-size:14px;margin-left:auto;color:#779388;font-weight:400}.art-icon{height:32px;width:32px;border-radius:8px;background:#edf3ef;display:grid;place-items:center}.art-icon svg{width:17px;height:17px;fill:none;stroke:#527f6c;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.art-badge{position:absolute;right:0;bottom:-4px;z-index:3;display:flex;gap:11px;align-items:center;background:#d7efbd;color:#214f39;border:1px solid #e8f9d5;border-radius:12px;padding:16px 21px;box-shadow:0 8px 25px #00251d22;font-size:12px;font-weight:650;transform:rotate(3deg)}.art-badge>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #85ad7150;border-radius:50%;font-size:18px}.art-badge small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#678258}.orbit{position:absolute;border:1px solid #8fcdb52a;border-radius:50%;width:310px;height:310px;right:-45px;top:-45px;transform:rotate(10deg)}.orbit-two{width:370px;height:370px;right:-75px;top:-75px}.story-footer{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:8px;letter-spacing:1.8px;color:#85ab9d;margin-top:36px}.story-footer i{height:3px;width:3px;background:#779d8e;border-radius:50%}.login-access{display:flex;flex-direction:column;padding:38px 8% 26px;background:#fafbf9}.access-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#83928a}.private-label{display:flex;align-items:center;gap:7px;font-size:10px}.private-label svg{width:13px;height:13px;fill:none;stroke:#738f80;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.access-product{font-size:8px;letter-spacing:2px}.login-form-wrap{width:100%;max-width:410px;margin:auto;padding:62px 0}.welcome-eyebrow{font-size:9px;letter-spacing:2px;color:#779185;font-weight:600}.login-form-wrap h2{font-size:clamp(30px,3vw,44px);font-weight:550;letter-spacing:-1.5px;line-height:1.15;margin:16px 0 16px}.login-intro{font-size:13px;line-height:1.6;color:#7f8d85;margin:0 0 36px}.login-form{display:grid;gap:22px}.login-field{display:grid;gap:9px}.login-field label{font-size:11px;font-weight:600;color:#3e584a}.login-field input{width:100%;height:51px;padding:0 15px;border:1px solid #dce5dc;border-radius:9px;background:#fff;font-size:12px;color:#213d2f;outline:none;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#a1aca4}.login-field input:focus{border-color:#4f9c7f;box-shadow:0 0 0 3px #3188620d}.password-field{position:relative}.password-field input{padding-right:49px}.password-toggle{position:absolute;right:7px;top:8px;width:36px;height:35px;border:0;background:transparent;cursor:pointer;border-radius:5px;color:#7a9083;display:grid;place-items:center}.password-toggle:hover{background:#f0f5ee}.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.login-submit{display:flex;align-items:center;justify-content:space-between;height:52px;background:#0c5949;border:1px solid #0c5949;color:white;padding:0 18px;border-radius:9px;font-size:12px;font-weight:550;cursor:pointer;box-shadow:0 5px 12px #1747310d;transition:background .15s,transform .15s;margin-top:5px}.login-submit>span:last-child{font-size:23px;font-weight:300;color:#d2e9d8}.login-submit:hover{background:#084638;transform:translateY(-1px)}.access-help{font-size:10px;line-height:1.6;color:#8d9b91;margin:22px 0 34px;text-align:center}.access-help span{color:#536e5c}.login-note{border-top:1px solid #e2e9df;padding-top:24px;display:flex;align-items:center;gap:12px}.note-symbol{width:29px;height:29px;background:#edf3e9;color:#5b8a67;border-radius:50%;display:grid;place-items:center;font-size:13px}.login-note p{font-size:10px;line-height:1.8;color:#5c7263;margin:0}.login-note strong{font-weight:400;font-size:9px;color:#8b9b8d}.access-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:9px;color:#9aa69c}.login-error{background:#fff0ed;color:#ac3d31;border:1px solid #f4cfc7;border-radius:8px;padding:12px;font-size:12px;margin-bottom:22px}@media(min-width:1600px){.login-story{padding-left:12%;padding-right:12%}.workspace-art{height:260px;margin-top:48px}.art-sheet{padding:20px 26px}.sheet-row{padding:12px 0}}@media(max-width:1050px){.login-story{padding:30px 32px}.login-access{padding:30px 36px}.workspace-art{height:225px;margin-right:8px}.login-story h1{font-size:59px}.story-eyebrow{font-size:8px;letter-spacing:1.4px}.art-badge{padding:13px 15px;bottom:-10px}.art-sheet{right:15px;padding:15px}.login-form-wrap h2{font-size:33px}.access-product{display:none}}@media(max-width:700px){.login-layout{display:block}.login-story{padding:25px 25px 30px;min-height:0}.login-brand{font-size:14px}.brand-mark{height:36px;width:36px}.login-brand small{font-size:8px;letter-spacing:3px}.story-content{padding:27px 0 0}.story-eyebrow{font-size:8px;letter-spacing:1.5px}.login-story h1{font-size:43px;letter-spacing:-1.8px;margin:16px 0 0}.login-story h1 br{display:none}.login-story h1 em{margin-left:8px}.story-content>p,.workspace-art,.story-footer{display:none}.login-access{padding:24px 25px 22px;min-height:calc(100svh - 220px)}.access-top{display:none}.login-form-wrap{padding:10px 0 30px;max-width:430px}.login-form-wrap h2{font-size:29px;margin:11px 0}.login-form-wrap h2 br{display:none}.login-intro{margin-bottom:25px;font-size:12px}.login-field input{font-size:16px}.login-form{gap:19px}.access-help{margin-bottom:25px}.login-note{padding-top:20px}.access-footer{font-size:8px}.welcome-eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}