:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#222e3a;background:#f5f7f8;font-synthesis:none;--accent:#117e72;--muted:#7b8795;--border:#d9dfe4}*{box-sizing:border-box}body{margin:0;min-width:280px}.shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px 36px}.brand{display:flex;align-items:center;gap:24px;color:inherit;text-decoration:none;margin:0 0 46px}.brand span{font-size:35px;line-height:.98;font-weight:600;letter-spacing:-1.2px}.brand img{width:76px;height:76px}.card{width:500px;max-width:100%;background:#fff;border:1px solid #e0e5e9;border-radius:16px;padding:36px 32px 40px;box-shadow:0 14px 32px #233d4b0b,0 2px 5px #233d4b06}header{text-align:center;margin-bottom:36px}h1{margin:0 0 10px;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.7px}header p{margin:0;color:var(--muted);font-size:17px;line-height:1.5}label{display:block;font-size:16px;font-weight:650;margin:0 0 10px}input{font:inherit;color:inherit;width:100%;height:49px;border:1px solid var(--border);border-radius:8px;padding:0 16px;background:#fff;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#9aa4b0}input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #117e721c}form>input:not([type=hidden]){margin-bottom:26px}.password-field{position:relative}.password-field input{padding-right:54px}.eye{position:absolute;right:5px;top:3px;width:44px;height:43px;display:grid;place-items:center;background:none;border:0;cursor:pointer;border-radius:6px;color:var(--muted)}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.primary{margin-top:32px;min-height:54px;display:flex;gap:16px;align-items:center;justify-content:center;width:100%;border:0;border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-size:18px;font-weight:650;cursor:pointer;transition:background .15s}.primary span{font-size:28px;font-weight:400;line-height:1}.primary:hover{background:#0e6d63}button:focus-visible,a:focus-visible{outline:3px solid #117e7280;outline-offset:4px}.access-note{display:flex;gap:10px;align-items:center;justify-content:center;margin:36px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.access-note svg{flex-shrink:0;width:20px;height:20px}footer{margin-top:86px;color:#8995a2;font-size:14px;font-weight:600}.error{padding:12px 14px;border-radius:8px;background:#fff1f0;color:#a13b34;font-size:14px;line-height:1.5;margin:0 0 24px}.stage{font-size:16px;color:#657382;line-height:1.65}.text-link{color:var(--accent);font-weight:600;text-underline-offset:4px}.back{display:block;text-align:center;margin-top:24px}small{display:block;color:var(--muted);margin:-16px 0 24px;font-size:13px}@media(max-width:560px){.shell{padding:38px 20px 26px;justify-content:center}.brand{margin-bottom:32px;gap:18px}.brand span{font-size:29px}.brand img{width:62px;height:62px}.card{padding:30px 24px;border-radius:14px}h1{font-size:27px}header p{font-size:15px}header{margin-bottom:30px}.access-note{font-size:12px;gap:8px}footer{margin-top:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:561px){.shell{justify-content:flex-start;padding-top:clamp(48px,13.7vh,136px)}.brand{margin-bottom:50px}.card{width:552px;padding:40px 36px 44px}h1{font-size:32px}header p{font-size:18px}label{font-size:17px}input{height:54px}.eye{top:5px}.primary{min-height:60px}.access-note{font-size:14px;margin-top:40px}footer{margin-top:100px}}