/* RC40: ROOMARK invitation activation, architecturally integrated without floating white panel. */
.ro-public-shell.ro-public-activation{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 150px);padding:clamp(20px,4vw,56px);background:#ede9e1;overflow:visible}
.ro-public-activation:before,.ro-public-activation:after{display:none!important}
.ro-public-activation .ro-activation-layout{width:min(1060px,100%);display:grid;grid-template-columns:46% 54%;background:#f9f7f2;border:1px solid #dfd5c8;box-shadow:0 12px 38px rgba(47,38,28,.07);border-radius:10px;overflow:hidden}
.ro-public-activation .ro-activation-visual{min-height:530px;display:flex;flex-direction:column;justify-content:space-between;gap:50px;padding:35px;background:linear-gradient(180deg,rgba(37,33,29,.19),rgba(30,27,24,.78)),url('activation-interior.webp') center/cover no-repeat;color:#fff}
.ro-public-activation .ro-activation-brand{display:inline-flex;background:rgba(255,253,249,.96);align-self:flex-start;padding:11px 15px;border-radius:3px}
.ro-public-activation .ro-activation-brand img{display:block;width:172px;max-width:100%;max-height:none;height:auto;object-fit:contain}
.ro-public-activation .ro-activation-pitch>span{display:block;color:#e8c5a2;font-size:11px;font-weight:750;letter-spacing:.13em}
.ro-public-activation .ro-activation-pitch h2{color:white;font:400 clamp(32px,3.5vw,45px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:15px 0}
.ro-public-activation .ro-activation-pitch p{color:#f5e9da;font-size:16px;line-height:1.5;margin:0}
.ro-public-activation .ro-activation-form-panel{padding:clamp(27px,4vw,55px);align-self:center}
.ro-public-activation .ro-eyebrow{font-size:12px;letter-spacing:.12em;color:#90663c}
.ro-public-activation .ro-activation-form-panel h1{color:#30271e;font:400 clamp(30px,3vw,41px)/1.13 Georgia,serif;margin:13px 0 18px}
.ro-public-activation .ro-activation-intro{font-size:16px;line-height:1.63;color:#5a5046;margin:0 0 25px}
.ro-public-activation .ro-activation-form{display:grid;gap:18px;margin:0}
.ro-password-control{position:relative;display:block;width:100%}.ro-password-control input{padding-right:100px!important;min-height:48px;border-radius:6px!important;margin:7px 0 0!important}
.ro-password-toggle{position:absolute;right:7px;bottom:6px;border:0!important;background:transparent!important;color:#73522f!important;font:700 14px Arial,sans-serif!important;padding:8px 10px!important;min-height:34px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ro-password-toggle:hover,.ro-password-toggle:focus-visible{color:#382b1f!important;outline:2px solid #926a42;outline-offset:1px}
.ro-public-activation .ro-password-field>label{display:block;font-size:14px;color:#3b322b;font-weight:700}
.ro-public-activation .ro-activation-hint{font-size:13px;color:#71665b;margin:0}
.ro-public-activation .ro-activation-submit{width:100%;padding:15px 20px;font-size:16px;background:#77512f;color:#fff;border-radius:5px;margin:0}
@media(max-width:800px){.ro-public-activation .ro-activation-layout{grid-template-columns:1fr}.ro-public-activation .ro-activation-visual{min-height:215px;padding:22px 26px;gap:17px;background-position:center 60%}.ro-public-activation .ro-activation-pitch h2{font-size:28px;margin:6px 0}.ro-public-activation .ro-activation-pitch p{font-size:14px}.ro-public-activation .ro-activation-form-panel{padding:28px 26px}}
@media(max-width:440px){.ro-public-shell.ro-public-activation{padding:0;min-height:80vh}.ro-public-activation .ro-activation-layout{border:0;border-radius:0}.ro-public-activation .ro-activation-visual{min-height:172px;padding:17px 22px}.ro-public-activation .ro-activation-pitch h2{font-size:25px}.ro-public-activation .ro-activation-form-panel{padding:29px 22px 44px}}