*{box-sizing:border-box}.login-layout{background-color:#fff;min-height:100vh;font-family:Nunito,system-ui,sans-serif;display:flex}.image-panel{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#3a503fe6 0%,#6b8e73cc 100%),url(https://images.unsplash.com/photo-1512621776951-a57141f2eefd?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;flex:1.1;justify-content:center;padding:4rem;display:flex;position:relative}.content-wrapper{max-width:520px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:#e5f0e6;border-bottom:2px solid #a3bca0;margin-bottom:1.5rem;padding-bottom:.4rem;font-size:.8rem;font-weight:800;display:inline-block}.image-panel h2{margin-bottom:1.2rem;font-size:2.6rem;font-weight:800;line-height:1.15}.main-desc{opacity:.95;margin-bottom:3rem;font-size:1.15rem;line-height:1.6}.promo-box{-webkit-backdrop-filter:blur(26px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;padding:2rem}.promo-box p{color:#f5f0eb;margin-bottom:1.2rem;font-size:1rem;font-weight:700}.cta-row{flex-wrap:wrap;gap:1rem;display:flex}.btn-solid{color:#4a6350;background-color:#fff;border-radius:8px;align-items:center;gap:8px;padding:.9rem 1.4rem;font-size:1rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-solid:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-outline{color:#fff;background-color:#0000;border:1.5px solid #fff9;border-radius:8px;align-items:center;padding:.9rem 1.4rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline:hover{background-color:#ffffff1a;border-color:#fff}.form-panel{background-color:#fff;flex:.9;justify-content:center;align-items:center;padding:2rem;display:flex}.form-container{width:100%;max-width:400px}.logo-placeholder{align-items:center;gap:14px;margin-bottom:3rem;display:inline-flex}.logo-img{object-fit:contain;border-radius:8px;width:52px;height:52px}.logo-text{color:#24312c;letter-spacing:-.3px;font-size:1.2rem;font-weight:800;line-height:1.2}.title{color:#24312c;letter-spacing:-.01em;margin-bottom:6px;font-size:1.8rem;font-weight:800}.subtitle{color:#6d7a74;margin-bottom:2.2rem;font-size:16px;font-weight:500}.span-text{color:#666;margin-top:2px;font-size:16px;font-weight:500;line-height:1.1;display:block}.auth-form{flex-direction:column;display:flex}.input-group{margin-bottom:1.5rem}.input-group label{color:#45514b;margin-bottom:6px;font-size:16px;font-weight:700;display:block}.input-group input{color:#24312c;background-color:#fbfcfb;border:1px solid #d6ded9;border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:16px;transition:all .15s}.input-group input:focus{border-color:#6b8f74;outline:none;box-shadow:0 0 0 3px #6b8f742e}.input-group input::placeholder{color:#a3aea9}.forgot-link{text-align:right;color:#6b8f74;margin-bottom:1.5rem;font-size:16px;font-weight:700;text-decoration:none;display:block}.forgot-link:hover{text-decoration:underline}.submit-btn{color:#fff;cursor:pointer;background-color:#6b8f74;border:none;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:700;transition:background-color .15s,transform 50ms}.submit-btn:hover{background-color:#5c7d64}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{cursor:not-allowed;background:#b7c6bb}.auth-error{color:#b4443a;background:#fdf0ee;border:1px solid #f4d3ce;border-radius:8px;margin-bottom:16px;padding:9px 12px;font-size:13px;font-weight:600}.auth-success{color:#3f7a52;background:#eef7f0;border:1px solid #cbe6d3;border-radius:8px;margin-bottom:16px;padding:9px 12px;font-size:13px;font-weight:600}@media (width<=960px){.login-layout{flex-direction:column-reverse}.image-panel{flex:none;padding:3rem 2rem}.title{margin-top:10px}.promo-box{margin-top:2rem}.cta-row{flex-direction:column}.btn-solid,.btn-outline{justify-content:center;width:100%}.span-text{color:#666;margin-top:2px;font-size:12px;font-weight:500;line-height:1.1;display:block}.form-panel{padding:4rem 2rem 6rem 3rem}.main-desc{margin-bottom:2rem}}