body.auth-page{height:auto;min-height:100svh;overflow-x:hidden;background:#fafaf9}
.auth-page .header{position:absolute}.auth-page .header-actions{font-size:13px;color:#777}.auth-page .header-actions>a:not(.primary-cta){color:#b75516;font-weight:500}
.auth-layout{width:min(1440px,100%);margin:auto;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:122px 7% 70px}
.auth-story{height:min(670px,calc(100svh - 185px));min-height:420px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.auth-photo-window{width:77%;height:94%;position:relative;overflow:hidden;border-radius:230px 230px 28px 28px;background:#e8e6de;box-shadow:0 28px 65px #3d3d3315;transform:rotate(-3deg);animation:window-enter 1.3s cubic-bezier(.16,1,.3,1) both}
.auth-photo-window>img{width:100%;height:100%;object-position:56% 50%;animation:photo-drift 24s ease-in-out infinite alternate;transform-origin:center}
.auth-photo-window:after{content:'';position:absolute;inset:0;background:linear-gradient(#22353300 25%,#172b3a33 50%,#0b1f31bc)}
.auth-story-caption{position:absolute;z-index:2;left:28px;right:20px;bottom:40px;color:white}.auth-story-caption small{font-size:10px;letter-spacing:.18em}.auth-story-caption h2{font:400 clamp(35px,4vw,60px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:15px 0}.auth-story-caption p{font-size:13px;color:#ffffffbd;line-height:1.6}
.auth-orbit{position:absolute;width:110%;height:66%;border:1px solid #d9a87c35;border-radius:50%;rotate:-30deg;z-index:-1;animation:orbit-drift 30s ease-in-out infinite alternate}
.cos-welcome{position:absolute;top:19%;left:-3%;padding:17px 22px 17px 15px;background:#ffffffee;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:18px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 32px #6440170b;rotate:3deg;animation:welcome-arrive 1.1s .35s cubic-bezier(.16,1,.3,1) both, float 8s 1.5s ease-in-out infinite}
.cos-welcome>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:white;background:linear-gradient(130deg,#ffb319,#ff6406);font-size:14px}.cos-welcome p{font-size:13px;color:#73737a;line-height:1.6}.cos-welcome p strong{font-size:11px;color:#2a2a30;display:block;font-weight:600}
.auth-story-note{position:absolute;bottom:3%;right:0;display:flex;align-items:center;gap:10px;border-radius:14px;padding:13px 18px;background:#ffffffed;box-shadow:0 8px 30px #00000006;rotate:3deg;font-size:12px;color:#666;animation:welcome-arrive 1.1s .6s both}
.auth-story-note>span{color:var(--orange)}
.auth-surface{max-width:420px;width:100%;justify-self:center;animation:form-arrive .9s .15s both}.auth-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:#a26b44;margin-bottom:17px}.auth-surface h1{font:550 clamp(31px,3vw,43px)/1.15 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 12px}.auth-subtitle{font-size:15px;color:#818188;line-height:1.65;margin-bottom:32px;max-width:390px}
.auth-form{width:100%}.field{margin-bottom:19px;position:relative}.field>label,.field-label{font-size:14px;color:#505057;display:block;font-weight:500;margin-bottom:9px}.field label+small{display:block;color:#999;font-size:12px}.input-wrap{position:relative}.field input{height:53px;width:100%;border:1px solid #dedede;border-radius:12px;background:#ffffffa8;font:400 16px 'DM Sans',sans-serif;color:#29292e;padding:0 16px;transition:border-color .2s,box-shadow .2s,background .2s;outline:none}.field input::placeholder{color:#b3b3b8;font-size:14px}.field input:focus{border-color:#fbb174;box-shadow:0 0 0 4px #ffa44b0c;background:white}.field input[aria-invalid=true]{border-color:#bd6554;background:#fffaf8}.input-wrap input{padding-right:55px}.password-toggle{position:absolute;right:6px;top:6px;height:41px;width:42px;display:grid;place-items:center;border-radius:9px;color:#999}.password-toggle:hover{background:#f6f4f1;color:#b6703d}.password-toggle svg{width:20px;height:20px}.password-toggle[aria-pressed=true] .eye-slash{display:none}.field-error{display:block;min-height:0;font-size:12px;color:#af4d39;margin-top:7px;line-height:1.4}.field-error:empty{display:none}.field-hint{font-size:12px;color:#999;margin-top:8px;line-height:1.5}.field-hint.is-met{color:#678674}
.form-options{display:flex;justify-content:flex-end;margin:-1px 0 25px}.subtle-button{font-size:13px;color:#87878e;padding:5px 0}.subtle-button:hover{color:#c16a2b}.submit-button{width:100%;border:0;border-radius:12px;height:53px;display:flex;justify-content:space-between;padding:0 19px;font-size:14px}.submit-button>span{font-size:20px}.auth-switch{margin-top:24px;text-align:center;font-size:13px;color:#929298}.auth-switch a{color:#b46025;font-weight:500;margin-left:5px}.auth-switch a:hover{text-decoration:underline;text-underline-offset:4px}.preview-notice{font-size:12px;color:#999;line-height:1.5;margin-top:29px;padding-top:18px;border-top:1px solid #e8e8e6;display:flex;align-items:flex-start;gap:8px}.preview-notice svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:#aaa}
.auth-bottom{position:absolute;bottom:23px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#a4a4a9}.auth-bottom a:hover{color:#d08348}.auth-stepper{display:flex;align-items:center;gap:9px;margin-bottom:25px;font-size:11px;color:#a8a8ac}.auth-stepper i{height:1px;width:35px;background:#e2e2e2}.auth-stepper span{display:flex;align-items:center;gap:8px}.auth-stepper b{font-weight:500;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;width:23px;height:23px;font-size:10px}.auth-stepper .is-current{color:#b3672d}.auth-stepper .is-current b{background:#fff0e0;border-color:#f2c49c}.auth-stepper .is-done b{color:#fff;background:#eaa36d;border-color:#eaa36d}.auth-stepper .is-done{color:#999}
.back-step{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;color:#98989d;font-size:13px;padding:0}.back-step:hover{color:#bf722f}.password-rule{height:3px;border-radius:8px;background:#eee;margin-top:12px;overflow:hidden}.password-rule>span{display:block;height:100%;width:0;background:#e9a875;border-radius:inherit;transition:width .25s}.auth-panel[hidden],.auth-step[hidden],.form-result[hidden]{display:none!important}.auth-step.is-entering,.auth-panel.is-entering{animation:form-step .45s cubic-bezier(.16,1,.3,1) both}
.form-result{padding:18px 20px;border:1px solid #f1d9c4;border-radius:13px;background:#fff8ed;margin-top:23px;animation:form-step .4s both;font-size:13px;color:#8c633f;line-height:1.65}.form-result strong{display:block;font-size:14px;font-weight:500;color:#704b30;margin-bottom:5px}.form-result a{color:#b76422;display:inline-flex;margin-top:12px;gap:10px;font-size:13px}.form-result a:hover{text-decoration:underline}.form-result:focus{outline:2px solid #f5c799;outline-offset:4px}
.auth-form[data-complete=true]{display:none}.auth-page .noscript{position:relative;inset:auto}
@keyframes window-enter{from{opacity:0;clip-path:inset(8% 4% 8% 4% round 230px 230px 28px 28px);translate:0 35px;scale:.94}to{opacity:1;clip-path:inset(0 round 230px 230px 28px 28px);translate:0 0;scale:1}}
@keyframes photo-drift{from{transform:scale(1.01) translateY(0)}to{transform:scale(1.12) translateY(-1.5%)}}
@keyframes welcome-arrive{from{opacity:0;translate:0 25px;scale:.96;filter:blur(4px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
@keyframes form-arrive{from{opacity:0;translate:22px 12px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes form-step{from{opacity:0;translate:12px 4px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.auth-layout{max-width:1550px;gap:10%}.auth-surface{max-width:445px}.auth-story{height:690px}}
@media(max-width:1100px){.auth-layout{gap:6%;padding:108px 6% 65px}.auth-story{height:min(570px,calc(100svh - 170px));min-height:400px}.auth-photo-window{width:91%}.cos-welcome{left:-5%;padding:13px 16px;gap:9px}.cos-welcome p{font-size:11px}.auth-story-caption{left:23px;bottom:30px}.auth-story-caption h2{font-size:39px}.auth-story-caption p{font-size:12px}.auth-story-note{right:-5%;font-size:10px;padding:12px}.auth-surface h1{font-size:34px}.auth-subtitle{font-size:14px;margin-bottom:26px}.auth-page .header-actions{gap:16px}.field{margin-bottom:17px}}
@media(max-width:760px){.auth-layout{display:block;max-width:520px;padding:117px 30px 85px;min-height:100svh}.auth-story{display:none}.auth-surface{max-width:430px}.auth-surface h1{font-size:35px}.auth-subtitle{font-size:15px;margin-bottom:30px}.auth-kicker{font-size:10px;margin-bottom:15px}.auth-page .header{padding:0 23px}.auth-page .header-actions>span{display:none}.auth-page .header-actions>a{font-size:13px}.auth-bottom{left:25px;right:25px;bottom:22px;font-size:10px;position:relative;padding-bottom:16px;margin-top:-40px}.auth-bottom>span{max-width:200px}.preview-notice{margin-top:27px;font-size:12px}.auth-page .brand{width:152px}.field input{height:54px}.auth-page .moving-backdrop .haze-warm{left:10%;top:-35%}.auth-stepper{margin-bottom:25px}.auth-switch{font-size:13px}.submit-button{font-size:14px}.auth-form .primary-cta{border-radius:12px}.auth-page .auth-layout:has(.auth-form[data-complete=true]){min-height:100svh}}
@media(max-height:750px) and (min-width:761px){.auth-layout{padding-top:100px;padding-bottom:55px}.auth-story{height:510px;min-height:390px}.auth-subtitle{margin-bottom:22px}.auth-surface h1{font-size:34px}.field{margin-bottom:15px}.field input{height:49px}.input-wrap .password-toggle{height:37px;top:6px}.auth-stepper{margin-bottom:18px}.preview-notice{margin-top:20px;padding-top:14px}.auth-kicker{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.auth-story,.auth-surface,.auth-photo-window,.cos-welcome,.auth-story-note{opacity:1;translate:none;scale:1;filter:none}.auth-photo-window{clip-path:none}.auth-photo-window>img{transform:none}}

.portal-demo-link{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#ae7b50;margin-top:24px;padding:12px;border:1px solid #ecdcca;border-radius:10px;background:#fffaf3}.portal-demo-link:hover{border-color:#e7ba91;color:#b6682b}