:root{color-scheme:light;font-family:system-ui,sans-serif;color:#173b34;background:#eff7f3}*{box-sizing:border-box}body{margin:0;padding:24px 12px;background:radial-gradient(ellipse at top left,#cbe8d7,transparent 70%)}main{max-width:640px;margin:auto;background:#fff;border:1px solid #deebe3;border-radius:24px;padding:28px;box-shadow:0 12px 42px #173b3410}.brand{color:#078451;font-size:24px;font-weight:800;letter-spacing:.02em}.brand span{font-size:14px;font-weight:500}h1{font-size:27px;margin:22px 0 12px}h2{font-size:22px;overflow-wrap:anywhere}.intro,.hint{color:#56756a;line-height:1.5}.hint{font-size:14px}nav,footer{display:flex;flex-wrap:wrap;gap:8px}nav{margin:22px 0}nav a{padding:11px 13px;border-radius:12px;background:#f0f6f2;text-decoration:none}nav a[aria-current]{background:#d9eee0;font-weight:700}a{color:#067348}label{display:block;margin:18px 0 8px;font-weight:600}input{width:100%;padding:14px;border:1px solid #b9d1c4;border-radius:12px;font:inherit;min-width:0}.password{display:flex;gap:8px;align-items:stretch}.password button{width:auto;min-width:60px;margin:0}button,.button{display:block;width:100%;background:#087d49;color:white;padding:14px 16px;border:0;border-radius:12px;font:600 16px system-ui;text-align:center;cursor:pointer;margin:18px 0 0;text-decoration:none}.secondary{background:#edf5ef;color:#173b34}button:disabled{opacity:.65}.divider{margin:24px 0 16px;color:#56756a;text-align:center}#google-button{min-height:40px}.message{padding:14px;border-radius:12px;background:#e8f5ed;line-height:1.5}.error{color:#9e2330;background:#fff0f0}footer{border-top:1px solid #e5eee9;margin-top:26px;padding-top:18px;font-size:14px;gap:16px}@media(max-width:420px){main{padding:20px}nav a{padding:10px;font-size:14px}h1{font-size:25px}}
