*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Source Sans 3',Arial,sans-serif;color:hsl(150 15% 15%)}body{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:16px;background:hsl(162 34% 27%)}.login-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}.login-shade{position:fixed;inset:0;background:#0000004d}.login-card{position:relative;z-index:1;width:100%;max-width:448px;padding:24px;border:1px solid hsl(162 24% 38%/.2);border-radius:12px;background:#ffffffe6;backdrop-filter:blur(12px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}header{text-align:center}.brand{display:flex;align-items:center;gap:12px;padding:16px;justify-content:center}.brand img{flex-shrink:0;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a}.brand div{text-align:left}h1,h2{font-family:'Playfair Display',Georgia,serif}h1{font-size:24px;line-height:32px;margin:0;color:hsl(162 34% 27%)}.brand p{font-size:12px;color:hsl(155 14% 55%);margin:0;line-height:16px}h2{font-size:20px;line-height:28px;margin:16px 0 0}.subtitle{font-size:14px;line-height:20px;color:hsl(150 10% 45%);margin:4px 0 24px}label{display:block;font-size:14px;font-weight:500;margin:16px 0 8px}.input-wrap{position:relative}input{width:100%;height:40px;background:#faf9f7;border:1px solid hsl(120 15% 88%);border-radius:8px;padding:8px 12px;font:inherit;font-size:14px;color:inherit}#login{padding-left:40px}#password{padding-right:42px}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid hsl(145 30% 35%);outline-offset:2px}input::placeholder{color:hsl(150 10% 45%)}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.input-icon{position:absolute;left:12px;top:12px;color:hsl(150 10% 45%)}.show-password{position:absolute;right:6px;top:2px;width:36px;height:36px;padding:8px;border:0;background:none;color:hsl(150 10% 45%);cursor:pointer}.password-help{text-align:right;margin:16px 0;color:hsl(145 30% 35%);font-size:14px}.password-help summary{cursor:pointer;list-style:none}.password-help p{text-align:left;color:hsl(150 10% 40%);line-height:1.5}.submit{width:100%;height:44px;border:0;border-radius:8px;background:linear-gradient(to right,hsl(162 24% 38%),hsl(162 34% 27%));color:hsl(48 55% 75%);font:inherit;font-size:16px;font-weight:600;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer}.submit:hover{background:hsl(162 34% 27%)}.submit:disabled{opacity:.6;cursor:wait}.account-help{text-align:center;font-size:14px;color:hsl(155 14% 45%);margin:24px 0 12px}.operator-link{display:block;text-align:center;font-size:12px;color:hsl(162 34% 27%)}#message:empty{display:none}#message{font-size:14px;line-height:1.5;color:#9d2727;margin:16px 0 0}form[hidden]{display:none}@media(max-width:639px){.login-background{object-fit:contain}.brand{padding:8px 0}.brand h1{font-size:21px;line-height:28px}.login-card{padding:24px 20px}}@media(prefers-reduced-transparency:reduce){.login-card{background:#fff}}