:root{color-scheme:light;--navy:#071d32;--green:#007f69;--muted:#647487;--border:#dce5e9}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#eaf0f2;color:var(--navy);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;display:grid;place-items:center;padding:38px 26px}a{color:inherit}button,input{font:inherit}.skip{position:absolute;left:20px;top:-60px;padding:10px;background:white;z-index:3}.skip:focus{top:10px}.shell{width:min(1120px,100%);display:grid;grid-template-columns:1fr 1fr;min-height:710px;border-radius:28px;overflow:hidden;background:white;box-shadow:0 24px 70px #173c4e15;border:1px solid #dce5e9}.story{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 75%,#0c494b 0,transparent 58%),var(--navy);color:#fff;padding:43px 46px 30px;display:flex;flex-direction:column}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;width:max-content;font-size:25px;font-weight:750;letter-spacing:-.8px}.brand img{object-fit:contain}.brand-green{color:#61e2be}.story-copy{margin-top:46px;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.9px;color:#8bc9c7}.story h2{font-size:38px;line-height:1.18;letter-spacing:-1.3px;margin:19px 0 19px;font-weight:660}.story em{font-style:normal;color:#72e5c4}.story-copy p{font-size:14px;line-height:1.75;color:#bacdd6;margin:0}.mascot{position:relative;text-align:center;margin:16px auto 14px;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:244px}.mascot img{width:240px;height:240px;object-fit:contain;position:relative;filter:drop-shadow(0 18px 18px #0004)}.mascot-halo{position:absolute;width:270px;height:270px;border:1px solid #66d8bc20;border-radius:50%;background:radial-gradient(circle,#4ccbaa16,transparent 65%);top:50%;left:50%;transform:translate(-50%,-54%)}.mascot-halo:after{content:"";position:absolute;inset:24px;border:1px solid #66d8bc18;border-radius:50%}.mascot-caption{position:relative;font-size:11px;letter-spacing:.2px;color:#bcdcd9;padding:7px 12px;border-radius:30px;background:#ffffff08;border:1px solid #ffffff10;display:inline-flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:6px;height:6px;background:#35b892;border-radius:50%;flex:none}.story-footer{display:flex;align-items:center;gap:9px;font-size:10px;color:#98b9c4;line-height:1.5;padding-top:12px}.small-lock{display:inline-flex;width:18px;height:18px;flex:none;color:#65b29d}.small-lock svg{width:100%;height:100%}.login-panel{padding:47px 48px 29px;display:flex;flex-direction:column}.panel-top{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #dcece7;border-radius:30px;background:#f4faf7;color:#326a5b;font-size:9px;font-weight:700;letter-spacing:1.1px}.panel-top>.small-lock{color:#93a6ab}.form-wrap{margin:auto 0;padding:42px 0 40px}.form-wrap h1{font-size:30px;line-height:1.25;letter-spacing:-.95px;margin:0 0 15px;font-weight:680}.intro{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 33px}label{display:block;font-size:12px;font-weight:600;color:#354957;margin-bottom:9px}input:not([type=hidden]){width:100%;height:49px;border:1px solid var(--border);border-radius:9px;background:#fcfdfd;color:var(--navy);padding:0 14px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#89979f}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #007f6914}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.password-label label{margin-bottom:9px}.text-button{border:0;background:transparent;color:var(--green);padding:0;cursor:pointer;font-size:12px;font-weight:600}.password-label .text-button{margin-bottom:9px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:49px;border:0;border-radius:9px;background:var(--green);color:#fff;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}.primary{margin-top:27px;box-shadow:0 5px 12px #007f6914}.primary:hover{background:#006d5c}.secondary{margin-top:12px;background:white;color:var(--navy);border:1px solid var(--border)}.secondary:hover{background:#f6faf9}.help{font-size:11px;color:#788691;text-align:center;margin:24px 0 0;line-height:1.6}.help a{color:var(--green);font-weight:600;text-underline-offset:3px}.panel-footer{border-top:1px solid #e9eef0;padding-top:22px;display:flex;justify-content:space-between;gap:12px;color:#87959b;font-size:9px;line-height:1.5}.error{font-size:13px;line-height:1.55;background:#fff3f0;border:1px solid #efc9bf;color:#913d2c;padding:12px;border-radius:9px;margin-bottom:20px}.project{padding:20px;border:1px solid var(--border);border-radius:12px;background:#f8faf9}.project>span{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:600}.project h2{font-size:23px;margin:10px 0}.project p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.logout-form{text-align:center;margin-top:24px}:focus-visible{outline:3px solid #54bfa3;outline-offset:4px}@media(min-width:1500px){.shell{min-height:760px}}@media(max-width:850px){body{padding:24px 18px}.shell{grid-template-columns:.9fr 1fr;min-height:680px}.story{padding:32px 27px 25px}.story h2{font-size:32px}.story-copy p br{display:none}.login-panel{padding:36px 30px 26px}.form-wrap h1{font-size:27px}.mascot img{width:210px;height:210px}.panel-footer{flex-direction:column;gap:5px}}@media(max-width:640px){body{padding:0;background:white;display:block}.shell{border:0;box-shadow:none;border-radius:0;display:flex;flex-direction:column;min-height:100svh}.story{padding:23px 26px 27px}.brand{font-size:23px;gap:8px}.brand img{width:43px;height:43px}.story-copy{margin-top:22px}.eyebrow{font-size:8px;letter-spacing:1.5px}.story h2{font-size:27px;line-height:1.2;margin:13px 0 10px;max-width:210px}.story h2 br{display:none}.story-copy p{font-size:12px;max-width:210px;line-height:1.65}.mascot{position:absolute;right:9px;bottom:29px;width:130px;height:150px;min-height:0;margin:0;pointer-events:none}.mascot img{width:120px;height:120px}.mascot-caption,.mascot-halo,.story-footer{display:none}.login-panel{padding:27px 27px 23px;flex:1}.form-wrap{padding:31px 0}.form-wrap h1{font-size:27px}.intro{font-size:13px;margin-bottom:26px}.panel-footer{flex-direction:row;font-size:8px;padding-top:18px}}@media(max-width:370px){.mascot{display:none}.story h2{max-width:none}.story-copy p{max-width:none}.login-panel{padding:24px 21px}.panel-footer{flex-direction:column}}