:root{color-scheme:light;--ink:#203d31;--muted:#707b72;--green:#234e3c;--paper:#f6f7f3;--line:#dfe5dc;--accent:#c7dfa9;font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}.page-header,.page-footer{width:min(1160px,calc(100% - 96px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.page-header{height:110px;flex-shrink:0}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;font-size:25px;letter-spacing:-1.2px;font-weight:650}.brand-dot{color:#779964}.header-note{font-size:12px;color:var(--muted);letter-spacing:.15px}.login-shell{width:min(1032px,calc(100% - 96px));min-height:596px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 42px #203d3107}.welcome-panel{position:relative;overflow:hidden;background:#e9efe4;padding:51px 48px 32px;display:flex;flex-direction:column}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#6a7c67;display:flex;align-items:center;gap:9px}.small-line{display:inline-block;width:20px;height:1px;background:#7d9372}.welcome-panel h1{font-family:Georgia,"Times New Roman",serif;font-size:57px;letter-spacing:-2.8px;font-weight:400;line-height:1.06;margin:35px 0 19px}.accent{color:#849e66}.welcome-panel p{font-size:14px;line-height:1.8;color:#6b7966;margin:0}.panel-footnote{margin-top:auto;font-size:11px;color:#7e8978;letter-spacing:.25px;position:relative}.mail-art{position:relative;width:300px;height:228px;margin:4px auto 0;flex-shrink:0}.orbit{position:absolute;border:1px solid #d5dfce;border-radius:50%;width:260px;height:260px;left:23px;top:4px}.orbit-two{width:207px;height:207px;left:49px;top:31px}.envelope{position:absolute;left:43px;top:106px;width:209px;height:127px;background:#aabf98;border-radius:5px;box-shadow:2px 10px 14px #637c4d12;transform:rotate(-9deg);overflow:hidden}.envelope:before,.envelope:after{content:"";position:absolute;width:160px;height:145px;top:25px;background:#b6caa7;border:1px solid #9bb689;border-radius:5px}.envelope:before{left:-79px;transform:rotate(-38deg)}.envelope:after{right:-79px;transform:rotate(38deg)}.envelope-fold{position:absolute;inset:43px -12px -77px;background:#bdcfb0;transform:rotate(45deg);border:1px solid #a6be95;border-radius:8px}.envelope-seal{position:absolute;z-index:2;top:61px;left:87px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e5eddc;font-family:Georgia,serif;font-style:italic;font-size:22px;color:#52674b;box-shadow:0 2px 5px #53664c10}.letter{position:absolute;top:53px;left:60px;width:166px;height:156px;transform:rotate(-9deg);border-radius:5px;background:#fcfdf8;padding:19px 20px;border:1px solid #dbe3d3}.letter-mark{height:18px;width:18px;border-radius:50%;background:#dce8d1;margin-bottom:14px}.letter i{display:block;height:3px;background:#e3e8dd;margin-top:7px;width:85%;border-radius:2px}.letter i:last-child{width:55%}.art-star{position:absolute;color:#91a882;font-size:28px}.star-one{right:8px;top:62px}.star-two{left:9px;top:156px;font-size:18px;color:#799168}.form-panel{padding:64px 55px 38px;display:flex;flex-direction:column;justify-content:center}.form-heading .eyebrow{color:#87927e;font-size:9px;letter-spacing:1.6px}.form-heading h2{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:15px 0 9px}.form-heading p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 29px}.field{margin-bottom:19px}.field label{font-size:12px;font-weight:600;display:block;margin-bottom:9px;color:#354c3d}.field input{width:100%;height:48px;border:1px solid #dce3d8;border-radius:8px;background:#fff;padding:0 14px;font-size:13px;color:#253f30;outline:none;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#9aA397;opacity:1}.field input:focus{border-color:#698568;box-shadow:0 0 0 3px #71946b18}.password-field{position:relative}.password-field input{padding-right:47px}.password-toggle{position:absolute;right:4px;top:4px;width:40px;height:40px;border:0;background:transparent;color:#8b9686;display:grid;place-items:center;border-radius:5px;cursor:pointer}.password-toggle[hidden]{display:none}.eye-slash{display:none}.password-toggle[aria-pressed="true"] .eye-slash{display:initial}.remember{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#697565;cursor:pointer;margin:0 0 24px}.remember input{accent-color:var(--green);width:15px;height:15px;margin:0}.submit-button{border:1px solid var(--green);border-radius:8px;height:48px;width:100%;display:flex;align-items:center;justify-content:center;gap:11px;font-size:13px;font-weight:600;color:#fff;background:var(--green);cursor:pointer;transition:background .15s,transform .15s}.submit-button:hover{background:#183e2e}.submit-button:active{transform:translateY(1px)}.button-arrow{font-size:19px;font-weight:400;line-height:1}.submit-button:disabled{cursor:wait;opacity:.8}.spinner{display:none;width:15px;height:15px;border:2px solid #ffffff60;border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.is-submitting .spinner{display:block}.is-submitting .button-arrow{display:none}.form-status{font-size:12px;color:var(--muted);margin:10px 0 0;min-height:0}.form-status:empty{display:none}.help-text{margin-top:26px;padding-top:23px;border-top:1px solid #eef0e9;font-size:11px;line-height:1.9;text-align:center;color:#84907e}.help-text span{display:block}.help-text a{font-weight:550;color:#53684c;text-decoration:none}.help-text a span{display:inline-block;margin-left:3px}.help-text a:hover{text-decoration:underline}.security-note{margin:29px 0 0;display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#909b89}.page-footer{height:88px;font-size:10px;color:#91998c;flex-shrink:0}.skip-link{position:fixed;top:8px;left:8px;padding:12px;background:white;z-index:10;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid #4d7453;outline-offset:4px}.messages:empty{display:none}.messages .alert{font-size:12px;line-height:1.6;padding:12px 14px;border-radius:8px;margin:0 0 18px;background:#f4f6ef;color:#4b653e;border:1px solid #dce6d3}.messages .alert-danger{background:#fcf1ee;color:#953f30;border-color:#f0d7d0}.messages .close{display:none}.messages p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1440px){.page-header{height:130px}.login-shell{min-height:632px}.welcome-panel{padding-top:60px}.mail-art{margin-top:15px}}
@media(max-width:900px){.page-header,.page-footer{width:calc(100% - 48px)}.login-shell{width:calc(100% - 48px);grid-template-columns:.9fr 1fr}.welcome-panel{padding:42px 28px 30px}.welcome-panel h1{font-size:47px}.form-panel{padding:48px 30px 32px}.mail-art{margin-left:-10px;transform:scale(.9);transform-origin:left center}.header-note{font-size:11px}}
@media(max-width:680px){.page-header{height:92px;width:calc(100% - 40px)}.brand{font-size:23px}.header-note{display:none}.login-shell{width:calc(100% - 32px);min-height:0;max-width:440px;grid-template-columns:1fr;border-radius:18px;margin:8px auto auto}.welcome-panel{display:none}.form-panel{padding:36px 27px 30px}.form-heading h2{font-size:25px}.form-heading p{margin-bottom:29px}.field input{font-size:16px;height:50px}.submit-button{height:50px;font-size:14px}.page-footer{width:calc(100% - 40px);height:74px;font-size:10px}.security-note{margin-top:27px}.help-text{font-size:12px}.field label,.remember{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}