*{box-sizing:border-box;margin:0;padding:0}body.guest-page{background:#f0fdf4;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}body.guest-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-200px}body.guest-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#16a34a1f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-250px;left:-200px}.login-container{z-index:1;width:100%;max-width:440px;position:relative}.login-card{background:#fff;border:1px solid #16a34a14;border-radius:24px;padding:44px 40px;animation:.5s ease-out slideUp;box-shadow:0 4px 6px -1px #00000008,0 20px 40px -8px #16a34a1f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:36px}.login-header .brand-icon{background:#fff;border:1px solid #f3f4f6;border-radius:20px;justify-content:center;align-items:center;width:100px;height:72px;margin-bottom:18px;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px -2px #0000000f}.login-header .brand-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:10px}.login-header .brand-icon i{color:#16a34a;font-size:32px}.login-header h1{color:#111827;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.login-header h1 span{color:#16a34a}.login-header p{color:#6b7280;margin:0;font-size:13.5px;font-weight:400}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.form-group label i{color:#16a34a;margin-right:6px;font-size:12px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input-icon{color:#9ca3af;pointer-events:none;font-size:14px;transition:color .2s;position:absolute;left:16px}.input-wrapper .form-control{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:13px 16px 13px 44px;font-family:inherit;font-size:14.5px;transition:all .2s}.input-wrapper .form-control::placeholder{color:#9ca3af}.input-wrapper .form-control:focus{background:#fff;border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.input-wrapper:focus-within .input-icon{color:#16a34a}.input-wrapper .form-control.is-invalid{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.input-wrapper .toggle-password{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:14px;transition:all .2s;display:flex;position:absolute;right:12px}.input-wrapper .toggle-password:hover{color:#16a34a;background:#f3f4f6}.form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.form-check{align-items:center;gap:8px;display:flex}.form-check input[type=checkbox]{cursor:pointer;accent-color:#16a34a;border:1.5px solid #d1d5db;border-radius:6px;width:18px;height:18px;transition:all .15s}.form-check input[type=checkbox]:checked{background-color:#16a34a;border-color:#16a34a}.form-check label{color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13.5px}.forgot-link{color:#16a34a;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s}.forgot-link:hover{color:#15803d;text-decoration:underline}.btn-login{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 12px -2px #16a34a59}.btn-login:hover{transform:translateY(-1px);box-shadow:0 8px 20px -4px #16a34a73}.btn-login:active{transform:translateY(0);box-shadow:0 2px 6px -1px #16a34a4d}.btn-login i{font-size:14px}.alert{border:none;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:13.5px;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert i{flex-shrink:0;font-size:16px}.alert-danger{color:#b91c1c;background:#fef2f2;border-left:4px solid #ef4444}.alert-success{color:#15803d;background:#f0fdf4;border-left:4px solid #22c55e}.login-footer{text-align:center;border-top:1px solid #f3f4f6;margin-top:28px;padding-top:24px}.login-footer p{color:#9ca3af;margin:0;font-size:12.5px;line-height:1.6}.login-footer p i{color:#16a34a}@media (width<=480px){.login-card{border-radius:20px;padding:32px 24px}.login-header h1{font-size:22px}.login-header .brand-icon{width:60px;height:60px}.login-header .brand-icon i{font-size:26px}}