:root{--color-primary:#FF5A1F;--color-primary-dark:#C84316;--color-secondary:#22C55E;--color-dark:#1F2937;--color-gray:#64748B;--color-light:#F8FAFC;--color-white:#FFFFFF;--color-border:#E2E8F0;--gradient-primary:linear-gradient(135deg,#FF5A1F 0%,#C84316 100%);--font-primary:"Inter",sans-serif;--font-heading:"Poppins",sans-serif;--shadow-lg:0 12px 40px rgba(255,90,31,.18);--shadow-orange:0 8px 24px rgba(255,90,31,.3);--transition:.3s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:var(--font-primary);background:var(--color-light);color:var(--color-dark);min-height:100svh;display:flex;flex-direction:column}@supports not (height:100svh){body{min-height:100vh}}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2.5rem) 1rem;position:relative}.login-wrapper{max-width:480px;width:100%}.login-card{background:var(--color-white);border-radius:24px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.login-logo{display:flex;justify-content:center;margin-bottom:1.25rem}.login-logo img{max-width:168px;width:100%;height:auto}.login-header{text-align:center;margin-bottom:1.5rem}.login-title{font-family:var(--font-heading);font-size:clamp(1.55rem,3.2vw,1.875rem);font-weight:800;margin-bottom:.375rem}.login-subtitle{color:var(--color-gray)}.alert{padding:.875rem 1rem;border-radius:12px;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;font-size:.9375rem;border:1px solid transparent}.alert-success{background:#22c55e14;border-color:#22c55e4d;color:#16a34a}.alert-error{background:#ef444414;border-color:#ef44444d;color:#dc2626}.form-group{margin-bottom:1.1rem}.form-label{font-weight:700;display:block;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray)}.form-input{width:100%;padding:.9rem 1rem .9rem 2.75rem;border:1.5px solid var(--color-border);border-radius:12px;min-height:48px;outline:none;transition:.2s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff5a1f1f}.input-wrapper .form-input{padding-right:52px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-gray)}.form-options{display:flex;justify-content:space-between;align-items:center;margin:.2rem 0 1.25rem;gap:.75rem}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-input{width:18px;height:18px;accent-color:var(--color-primary)}.forgot-link{color:var(--color-primary);font-weight:700;text-decoration:none}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.btn-login{width:100%;padding:.95rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-orange);display:flex;justify-content:center;align-items:center;gap:.55rem}.btn-login:hover{transform:translateY(-2px)}.register-section{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.register-text{color:var(--color-gray);margin-bottom:.875rem}.btn-register{display:inline-flex;justify-content:center;align-items:center;padding:.85rem 2.25rem;border-radius:999px;border:2px solid var(--color-primary);color:var(--color-primary);font-weight:800;text-decoration:none;gap:.5rem}.btn-register:hover{background:var(--gradient-primary);color:#fff;border-color:transparent}.footer{background:#fff;padding:1.25rem 1rem;text-align:center;border-top:1px solid var(--color-border)}.footer-text{font-size:.875rem;color:var(--color-gray)}@media(max-width:480px){.main{padding:1rem}.login-card{padding:1.25rem;border-radius:18px}.form-options{flex-direction:column;align-items:flex-start}.btn-register{width:100%}}