@font-face{font-family:Display;src:url('/blog/fonts/display.woff')}@font-face{font-family:Editorial;src:url('/blog/fonts/editorial-italic.woff')}*{box-sizing:border-box}body{margin:0;background:#F8F6F2;color:#0F4C5C;font-family:Arial,sans-serif}a{color:inherit}header{height:104px;padding:24px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0F4C5C22}.brand{text-decoration:none;font-size:21px;font-weight:800;letter-spacing:3px;line-height:1.05}.brand span{display:block;font-size:12px;letter-spacing:5px;margin-top:5px}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}.login-stage{min-height:calc(100vh - 175px);display:grid;grid-template-columns:1.2fr 1fr}.statement{position:relative;overflow:hidden;padding:65px 6vw;background:#123b39;color:#f5f1e8;min-height:650px}.eyebrow,small{font-size:11px;font-weight:bold;letter-spacing:2px;text-transform:uppercase}.statement h1,.account h1{font-family:Display,sans-serif;font-size:clamp(65px,7.3vw,112px);line-height:.92;font-weight:normal;letter-spacing:-2px;margin:35px 0 25px;position:relative;z-index:1}em{font-family:Editorial,serif;font-weight:normal;color:#e99668}.statement>p{max-width:280px;line-height:1.6;position:relative;z-index:1}.animal{position:absolute;width:48%;max-width:310px;right:-5px;bottom:-25px;transform:rotate(-8deg)}.ring{position:absolute;width:400px;height:400px;border:1px solid #ffffff20;border-radius:50%;right:-130px;bottom:-60px}.signin{padding:65px 5vw;display:flex;align-items:center}.signin-inner{width:100%;max-width:470px}.signin h2{font-family:Display;font-size:56px;line-height:1;margin:24px 0}.signin p,.account>p{line-height:1.7}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#ec8851;color:#0F4C5C;padding:20px 27px;border:0;font:700 15px Arial;text-decoration:none;cursor:pointer}.signin .button{width:100%;justify-content:space-between;margin:20px 0 10px}.muted{font-size:12px;line-height:1.6;color:#60706b}.roles{border-top:1px solid #0F4C5C30;margin-top:38px;padding-top:20px;display:flex;gap:22px;font-size:11px}.roles strong{display:block;margin-bottom:7px;font-size:13px}.roles span{line-height:1.6;color:#60706b}footer{padding:26px 6vw;display:flex;gap:25px;font-size:11px;border-top:1px solid #0F4C5C22}footer a:first-of-type{margin-left:auto}.account{max-width:1440px;margin:auto;padding:65px 6vw}.account h1{font-size:clamp(60px,7vw,96px)}.account h1 em{color:#a9512e}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:42px 0}.tiles>a{padding:35px;text-decoration:none;border:1px solid #0F4C5C33;transition:background .2s}.tiles>a:hover{background:#e9e5da}.tiles h2{font-family:Display;font-size:42px;line-height:1.05;font-weight:normal}.tiles span{font-size:14px;font-weight:bold}.member-form{background:#e9e5da;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}label{font-size:13px;font-weight:bold;display:grid;gap:9px}input,select{width:100%;padding:14px;border:1px solid #9aaba4;background:#fffdf7;color:#0F4C5C;font:16px Arial}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #ec8851;outline-offset:4px}.member-list{display:grid;gap:10px}.member-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px;border:1px solid #0F4C5C33;overflow-wrap:anywhere}.member-row p{margin:7px 0;font-size:13px}.member-row button{padding:12px 18px}.member-form button.secondary{background:transparent;border:1px solid #0F4C5C}.notice{max-width:800px;font-size:13px;line-height:1.7}#message{min-height:25px;font-weight:bold}button:disabled{opacity:.5;cursor:wait}@media(max-width:800px){header{height:86px;padding:20px 6vw}nav{gap:15px;font-size:11px}.login-stage{grid-template-columns:1fr}.statement{min-height:410px;padding:40px 7vw}.statement h1{font-size:72px}.animal{width:35%;right:0}.signin{padding:45px 7vw}.signin h2{font-size:48px}.roles{gap:18px}.tiles{grid-template-columns:1fr}.account{padding:40px 6vw}.member-form{grid-template-columns:1fr;padding:20px}.member-row{align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap;gap:18px}.brand{font-size:16px}.brand span{font-size:10px;letter-spacing:3px}}
