@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;color:#172b26;background:#fbfcf8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8eac60;outline-offset:5px}h1,h2{font-family:Manrope,sans-serif}.access-layout{display:grid;grid-template-columns:55% 45%;min-height:100vh}.access-main{padding:28px 42px 22px;display:flex;flex-direction:column}.logo{align-self:flex-start}.logo img{display:block;width:210px;height:auto}.access-content{width:100%;max-width:440px;margin:auto;padding:40px 0}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#6e8a56;margin:0 0 15px}h1{font-size:34px;font-weight:600;letter-spacing:-1.4px;line-height:1.2;margin:0 0 12px}.intro{color:#63736a;line-height:1.6;margin:0 0 25px}.destinations section{padding:20px 0;border-top:1px solid #dce4da}.heading{display:flex;align-items:center;gap:10px}.number{font-size:10px;color:#75945c;background:#edf2e5;padding:6px;border-radius:4px}.heading h2{font-size:16px;letter-spacing:-.3px;font-weight:700;margin:0}.destinations p{color:#63736a;font-size:12px;line-height:1.7;margin:10px 0 14px}.login-button{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #174c3b;border-radius:6px;padding:14px 18px;background:#174c3b;color:white;font-size:13px;font-weight:600}.login-button span{font-size:20px}.login-button.secondary{background:transparent;color:#174c3b}.login-button:hover{background:#245d46;color:white}.help{font-size:11px;color:#63736a;margin:18px 0 0}.help a{font-weight:700;color:#174c3b}.access-main footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#63736a}.access-aside{position:relative;overflow:hidden;background:#174c3b;color:white;display:flex;flex-direction:column;justify-content:flex-end;padding:50px 46px;min-height:100vh}.aside-back{position:absolute;right:35px;top:35px;font-size:12px;color:#d9ecac}.aside-copy{position:relative;z-index:1;margin:330px 0 70px}.aside-copy .eyebrow{color:#c2daa9;font-size:9px}.aside-copy h2{font-size:clamp(35px,3.8vw,58px);font-weight:600;line-height:1.12;letter-spacing:-2px;margin:24px 0}.aside-copy h2 em{font-style:normal;color:#d9ecac}.aside-copy>p:last-child{color:#c6d6cb;font-size:13px;line-height:1.9}.aside-bottom{position:relative;display:flex;justify-content:space-between;font-size:10px;color:#b4cab9;gap:15px}.orbit{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:360px;height:360px;max-width:85%}.orbit-ring{position:absolute;border:1px solid #63856a;border-radius:50%;inset:35px}.ring-two{inset:0;opacity:.5}.ring-three{inset:70px;opacity:.6}.orbit-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:130px;color:#d9ecac}.orbit-pill{position:absolute;background:#285c46;color:#e7f0dd;padding:11px 15px;border:1px solid #52785c;border-radius:6px;font-size:11px;box-shadow:0 10px 24px #0e322d33}.pill-one{top:15px;right:0}.pill-two{top:160px;left:-8px}.pill-three{bottom:5px;right:5px}@media(min-height:1000px){.aside-copy{margin-bottom:140px}}@media(max-width:900px){.access-main{padding:25px}.access-aside{padding:35px 25px}.orbit{width:290px;height:290px;top:120px}.aside-copy{margin-top:350px}.aside-copy h2{font-size:38px}}@media(max-width:680px){.access-layout{grid-template-columns:1fr}.access-main{min-height:100vh;padding:22px}.access-content{padding:40px 0}.access-aside{min-height:420px;padding:35px 25px}.aside-back{top:25px;right:25px}.orbit{left:auto;right:-90px;top:55px;transform:none;opacity:.3}.aside-copy{margin:50px 0 40px}.aside-copy h2{font-size:42px}.aside-copy>p:last-child{max-width:270px}h1{font-size:31px}.logo img{width:190px}}

.access-content{max-width:480px}.access-buttons{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:10px}.access-buttons .login-button{font-size:12px;padding:13px 14px;gap:10px}.signup-note{font-size:11px;color:#63736a;line-height:1.6;margin:10px 0}.destinations p{line-height:1.6}@media(max-width:420px){.access-buttons{grid-template-columns:1fr}.access-buttons .login-button{padding:13px 16px}}
