.auth-screen{min-block-size:100svh;padding:calc(24px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;justify-content:center;align-items:flex-start;background:#f5f7f4;color:#173f35}.auth-screen,.auth-screen *{box-sizing:border-box}.auth-panel{inline-size:100%;max-inline-size:400px;min-inline-size:0;margin:0}.auth-brand{display:flex;align-items:center;gap:12px;-webkit-margin-after:28px;margin-block-end:28px}.auth-brand .brand-logo{inline-size:56px!important;block-size:56px!important;max-inline-size:56px!important;object-fit:contain;margin:0!important;border-radius:12px}.auth-brand>div{display:grid;grid-gap:2px;gap:2px}.auth-brand strong{font-size:1.1rem;line-height:1.6}.auth-brand span{font-size:.78rem;color:#52675e;line-height:1.8}.auth-title h1{font-size:1.4rem;line-height:1.7;margin:0 0 4px}.auth-title p{font-size:.9rem;line-height:1.9;margin:0 0 22px;color:#52675e;overflow-wrap:break-word;word-break:normal}.auth-form{display:grid;grid-gap:16px;gap:16px}.auth-form .ui-field{display:grid;grid-gap:7px;gap:7px;margin:0}.auth-form label{font-size:.9rem;font-weight:600;line-height:1.7}.auth-form input{min-block-size:52px;block-size:52px;border:1px solid #9bac9e;border-radius:12px;padding:12px 14px;background:#fff;font-size:1rem;line-height:1.5;inline-size:100%;scroll-margin-block:20px}.auth-form input:focus-visible{outline:3px solid #986825;outline-offset:2px}.auth-form .error{font-size:.82rem;line-height:1.8;overflow-wrap:break-word}.auth-form .ui-button{min-block-size:52px;margin:2px 0 0;padding:12px 16px;border-radius:12px;font-size:1rem;font-weight:700;background:#174e3d;color:#fff}.auth-form .auth-secondary{min-block-size:50px;padding:10px 14px;background:transparent;color:#174e3d;border:1px solid #86a493;border-radius:12px;font-size:.95rem}.auth-form .auth-text{min-block-size:44px;background:transparent;color:#174e3d;border:0;padding:8px 4px;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}.auth-password{position:relative}.auth-password input{padding-left:76px;padding-right:14px}.auth-reveal{position:absolute;inset-inline-end:6px;inset-block-start:32px;min-block-size:42px!important;min-inline-size:60px;border:0!important;border-radius:8px;background:transparent!important;color:#174e3d!important;font-size:.8rem!important;padding:6px!important}.auth-form .inline-notice{padding:10px 12px;overflow-wrap:break-word}.auth-form .inline-notice,.auth-wait{margin:0;font-size:.85rem;line-height:1.9}.auth-wait{color:#52675e}.auth-code-actions{display:flex;justify-content:space-between;gap:8px}.auth-code-actions button{min-block-size:44px;background:transparent;color:#174e3d;border:0;padding:4px;font-size:.85rem}.auth-footer{display:flex;justify-content:space-between;gap:12px;-webkit-margin-before:20px;margin-block-start:20px;flex-wrap:wrap}.auth-footer a{display:inline-flex;align-items:center;min-block-size:44px;font-size:.85rem;color:#174e3d}.auth-other{-webkit-margin-before:16px;margin-block-start:16px;-webkit-padding-before:10px;padding-block-start:10px;-webkit-border-before:1px solid #d5dfd6;border-block-start:1px solid #d5dfd6;font-size:.82rem}.auth-other summary{min-block-size:44px;cursor:pointer;display:flex;align-items:center;color:#52675e}.auth-other .login-card{inline-size:100%;margin:0;padding:14px;border-radius:12px;box-shadow:none}.auth-other .login-card h2{font-size:1rem}.auth-other .login-card p{font-size:.85rem}.auth-other>a{display:inline-flex;min-block-size:44px;align-items:center;-webkit-margin-before:8px;margin-block-start:8px}#login-otp{font-size:1.4rem;letter-spacing:.35em;text-align:center}@media(min-width:640px) and (min-height:700px){.auth-screen{-webkit-padding-before:max(48px,8svh);padding-block-start:max(48px,8svh)}}@media(max-height:520px){.auth-screen{-webkit-padding-before:calc(12px + env(safe-area-inset-top));padding-block-start:calc(12px + env(safe-area-inset-top))}.auth-brand{-webkit-margin-after:12px;margin-block-end:12px}.auth-brand .brand-logo{inline-size:44px!important;block-size:44px!important}.auth-title p{-webkit-margin-after:12px;margin-block-end:12px}.auth-form{gap:12px}}