:root{--pine:#2a4234;--light:#f8f7f2;--grey:#748178;--line:#e1e4dc}*{box-sizing:border-box}body{margin:0;background:var(--light);color:#26382d;font-family:Arial,system-ui,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.site-nav{min-height:86px;max-width:1320px;margin:auto;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;font:normal 27px Georgia,serif}.brand img{object-fit:contain}.brand small{display:block;letter-spacing:3px;font:9px Arial;color:#79897d;margin-top:3px}.return{font-size:12px;border:1px solid var(--line);border-radius:60px;padding:14px 22px}.return:hover{background:#edf1e9}.join-layout{max-width:1320px;margin:12px auto 50px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:690px}.join-story{background:radial-gradient(circle at 75% 30%,#48634d 0,transparent 48%),linear-gradient(130deg,#1c3026,#2b4334 68%,#21372a);padding:clamp(35px,5vw,80px);border-radius:24px 0 0 24px;color:#f7f7f1;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#c4ccba}.eyebrow.dark{color:#768978}.join-story h1{font:normal clamp(44px,5vw,77px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:28px 0}.join-story h1 em{font-style:italic;color:#d9caab}.join-story p{color:#d7e0d8;font-size:16px;line-height:2;max-width:410px}.story-bottom{margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b9c7b9;font-size:9px;letter-spacing:2px}.story-mark{font:92px Georgia,serif;color:#becab8;line-height:1;letter-spacing:-12px;opacity:.65}.join-panel{background:#fffefa;border:1px solid var(--line);border-radius:0 24px 24px 0;padding:clamp(27px,5vw,70px);align-self:stretch}.join-panel h2{font:normal clamp(32px,3vw,45px) Georgia,serif;margin:17px 0 11px;color:var(--pine)}.intro,.form-hint{font-size:13px;line-height:1.9;color:#677b6a}.join-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:27px 0 26px}.join-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 13px;font-size:12px;color:#818f83;font-weight:600}.join-tabs button[aria-current=page]{border-bottom-color:var(--pine);color:var(--pine)}.auth-form{display:grid;gap:17px}.auth-form[hidden]{display:none}.auth-form label{display:grid;gap:9px;color:#425d47;font-weight:700;font-size:12px}.auth-form input{border:1px solid #d5dfd4;background:#fff;border-radius:9px;min-height:49px;padding:13px 15px;color:#253f2d;outline:none;direction:auto}.auth-form input:focus{border-color:#58775d;box-shadow:0 0 0 3px #dbe8d9}.main-button{border:0;border-radius:60px;background:var(--pine);color:white;padding:17px 23px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:20px}.main-button:disabled{opacity:.5}.main-button:not(:disabled):hover{background:#436249}.text-button{border:0;background:transparent;padding:6px;color:var(--pine);font-size:12px;text-decoration:underline;justify-self:start}.password-hints{border:1px solid #e4e9df;background:#f2f5ef;padding:11px 13px;font-size:11px;line-height:1.8;border-radius:10px;color:#607763}.password-hints.ok{color:#257148;border-color:#a7c9ac}.auth-status{font-size:13px;line-height:1.8;min-height:20px;font-weight:700}.auth-status.error{color:#a64737}.auth-status.ok{color:#317149}.privacy{font-size:11px;line-height:1.8;color:#869589;border-top:1px solid var(--line);padding-top:18px}@media(max-width:760px){.site-nav{min-height:74px;padding:12px 20px}.brand{font-size:21px}.brand img{width:36px;height:36px}.join-layout{display:flex;flex-direction:column;padding:0 12px;margin:0 auto 20px}.join-story{border-radius:17px 17px 0 0;padding:31px 27px;min-height:210px}.join-story h1{font-size:40px;margin:16px 0}.join-story p{font-size:12px;line-height:1.7}.story-bottom{display:none}.join-panel{border-radius:0 0 17px 17px;padding:27px 22px}.join-tabs button{padding:12px 9px;font-size:11px}}
