*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:#f4f6f7;color:#19221e}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.login-card{width:100%;max-width:440px;background:white;border:1px solid #e3e8df;border-radius:24px;padding:36px;box-shadow:0 16px 50px #19221e08}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;letter-spacing:-1px;color:inherit;text-decoration:none}.brand img{border-radius:12px}.brand span{color:#6f8c45}.eyebrow{color:#7b8e65;letter-spacing:2px;font-size:10px;font-weight:700;margin-top:36px}h1{font-size:30px;letter-spacing:-1px;margin:14px 0}.intro{color:#737d70;font-size:15px;line-height:1.7}form{display:flex;flex-direction:column;gap:10px;margin-top:26px}label{font-size:14px;font-weight:600}input{min-height:48px;border:1px solid #dce3d6;border-radius:9px;padding:12px;font-size:16px;margin-bottom:9px;background:white;color:#19221e}input:focus{outline:2px solid #90aa6b;outline-offset:2px}button{min-height:48px;border:0;border-radius:9px;background:#d7f595;color:#26351b;font-size:16px;font-weight:700;cursor:pointer;margin-top:6px}button:hover{background:#c9e889}button:focus-visible,summary:focus-visible{outline:2px solid #7c965a;outline-offset:4px}.error{background:#fff1ed;color:#873c2c;padding:12px;border-radius:9px;font-size:14px;line-height:1.6}.privacy{font-size:12px;color:#8a9380;line-height:1.7;margin-bottom:0}details{margin:25px 0;color:#6d7b60;font-size:13px;line-height:1.7}summary{cursor:pointer;font-weight:600}details p{margin:10px 0}@media(max-width:420px){.login-card{padding:26px;border-radius:20px}h1{font-size:28px}}