.access-page{min-height:100dvh}.access-layout{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}.access-story{background:#eaf0e3;border-right:1px solid #dce5d2;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.access-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--green)}.access-brand>span:first-child{font-size:42px}.access-story h1{font-size:45px;line-height:1.2;max-width:430px;margin:35px 0 20px;letter-spacing:-2px}.access-story p{color:#78856e;max-width:360px;font-size:14px;line-height:1.9}.access-story-art{font-size:130px;color:#a2b68f;line-height:1;margin-bottom:20px}.access-points{display:grid;gap:15px;margin:30px 0;color:#637757;font-size:12px}.access-points span{display:flex;align-items:center;gap:10px}.access-check{width:23px;height:23px;background:#dce7d0;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.access-foot{color:#8a9781;font-size:10px;line-height:1.8}.access-form-wrap{display:flex;align-items:center;justify-content:center;padding:45px}.access-card{width:100%;max-width:385px}.access-card h2{font-size:27px;margin-bottom:10px}.access-card .subtitle{margin-bottom:28px}.access-tabs{display:flex;gap:5px;margin-bottom:27px;border-bottom:1px solid var(--line)}.access-tabs button{border:0;border-bottom:2px solid transparent;padding:13px 20px;background:none;color:var(--muted);font-size:12px}.access-tabs button.selected{border-bottom-color:var(--green);color:var(--green);font-weight:700}.access-notice{background:#f7f1e4;border:1px solid #ecdfc3;border-radius:9px;padding:15px;margin-bottom:23px;color:#8b744b;font-size:11px;line-height:1.8}.access-notice b{font-size:12px;display:block;margin-bottom:5px}.access-card fieldset{border:0;padding:0;margin:0;min-width:0}.access-card fieldset:disabled{opacity:.6}.access-card .btn.primary{width:100%;font-size:13px}.access-card .text-button{font-size:11px}.access-divider{border-top:1px solid var(--line);margin:25px 0 18px}.demo-link{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:13px;background:white;font-size:12px;font-weight:600;color:var(--green)}.access-status{text-align:center;font-size:10px;color:var(--muted);margin-top:15px}.access-status .status-dot{width:6px;height:6px;display:inline-block;background:#b09358;border-radius:50%;margin-right:5px}#access-message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#405c3e;color:white;border-radius:9px;padding:15px 22px;max-width:90%;font-size:12px;box-shadow:0 5px 30px #0002;display:none;z-index:25}.setup-name{margin:20px 0}.workspace-choice{display:block;width:100%;margin:12px 0;text-align:left}.cloud-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#eaf0e3;padding:10px 20px;color:var(--green);font-size:11px}.cloud-bar button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:11px}.cloud-alert{position:fixed;z-index:20;inset:0;background:#f9f8f1f5;display:flex;justify-content:center;align-items:center;padding:25px}.cloud-alert>div{max-width:440px;background:white;border:1px solid var(--line);padding:28px;border-radius:12px;box-shadow:0 10px 40px #0001}.cloud-alert p{font-size:13px;color:var(--muted);line-height:1.8;margin:15px 0}.cloud-alert .btn{margin:5px 5px 0 0}.access-form-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:15px}
@media(max-width:950px){.access-story{padding:40px}.access-story h1{font-size:37px}.access-form-wrap{padding:32px}.access-story-art{font-size:100px}}
@media(max-width:700px){.access-layout{display:block}.access-story{padding:23px 24px;border-right:0;border-bottom:1px solid #dce5d2}.access-story h1{font-size:27px;letter-spacing:-1px;margin:20px 0 10px}.access-brand{font-size:14px}.access-brand>span:first-child{font-size:33px}.access-story p{font-size:12px;line-height:1.7;max-width:300px}.access-points,.access-story-art,.access-foot{display:none}.access-form-wrap{padding:28px 23px}.access-card{max-width:420px}.access-card h2{font-size:23px}.access-card .subtitle{font-size:12px;margin-bottom:20px}.access-notice{font-size:10px;padding:13px}.access-notice b{font-size:11px}.cloud-bar{font-size:10px;padding:10px 14px}.cloud-bar button{font-size:10px}}
