.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;background:#f7f8f4}.login-brand-panel{position:relative;overflow:hidden;min-height:100vh;padding:42px clamp(30px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;background:#17352c;color:#f7faf5}.login-brand-panel:after{content:"";position:absolute;right:-70px;bottom:-80px;width:270px;height:270px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.035),0 0 0 96px rgba(255,255,255,.02)}.login-brand{display:flex;align-items:center;gap:11px;font-size:19px}.login-brand span{width:37px;height:37px;display:grid;place-items:center;color:#17352c;background:#c9e3d0;border-radius:11px 11px 11px 4px}.login-brand strong{letter-spacing:0}.brand-statement{max-width:520px;position:relative;z-index:1}.brand-statement p{color:#9bc5aa;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.brand-statement h1{max-width:480px;margin:0;font-size:clamp(31px,4vw,53px);line-height:1.08;letter-spacing:0}.label-preview{position:relative;z-index:1;width:230px;min-height:92px;display:flex;align-items:center;gap:17px;padding:14px;background:#f8f9f3;color:#17211f;border-radius:4px;box-shadow:0 12px 28px rgba(0,0,0,.18);transform:rotate(-2deg)}.fake-qr{width:62px;height:62px;flex:0 0 auto;position:relative;background:repeating-conic-gradient(#17211f 0 25%,transparent 0 50%) 0 /12px 12px}.fake-qr i{position:absolute;width:18px;height:18px;border:4px solid #17211f;background:#f8f9f3}.fake-qr i:first-child{top:3px;left:3px}.fake-qr i:nth-child(2){top:3px;right:3px}.fake-qr i:nth-child(3){bottom:3px;left:3px}.label-preview small,.label-preview span{display:block;color:#78837d;font-family:DM Mono,monospace;font-size:8px}.label-preview strong{display:block;margin:2px 0 5px;font-family:DM Mono,monospace;font-size:25px}.login-form-panel{min-height:100vh;display:grid;place-items:center;padding:28px}.login-form{width:min(100%,390px)}.login-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:24px;color:#17694f;background:#dceee1;border-radius:10px}.login-eyebrow{margin:0 0 7px;color:#17694f;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.login-form h2{margin:0 0 11px;font-size:30px;letter-spacing:0}.login-copy{max-width:350px;margin:0 0 29px;color:#6d7973;font-size:13px;line-height:1.65}.login-form label{color:#4f5e57;font-size:11px;font-weight:800}.login-input{height:44px;display:flex;align-items:center;gap:10px;margin:7px 0 12px;padding:0 12px;background:white;border:1px solid #dbe3dc;border-radius:8px;color:#829087}.login-input:focus-within{border-color:#77a58d;box-shadow:0 0 0 3px rgba(23,105,79,.09)}.login-input input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;color:#17211f;font-size:13px}.login-form>button{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#17694f;color:white;font-size:12px;font-weight:800}.login-form>button:disabled{opacity:.65;cursor:wait}.login-message{margin:13px 0 0;padding:10px 12px;color:#446353;background:#e6f0e7;border-radius:7px;font-size:11px;line-height:1.5}.login-legal{display:block;margin-top:19px;color:#8c9891;text-align:center;font-size:9px}.spin{animation:login-spin 1s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:250px;padding:28px 25px}.brand-statement h1{max-width:430px;font-size:29px}.brand-statement p,.label-preview{display:none}.login-form-panel{min-height:auto;padding:48px 24px;align-items:start}}