*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#cc785c;--color-secondary:#e88b77;--color-success:#10b981;--color-bg-dark:#0a0a0a;--color-bg-darker:#191918;--color-text-primary:#f5f5f5;--color-text-secondary:#9ca3af;--color-border:#2a2a2a}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{max-width:450px;width:100%;background:var(--color-bg-darker);border:2px solid var(--color-primary);border-radius:20px;padding:50px 40px;text-align:center;box-shadow:0 20px 60px rgba(204,120,92,.4)}.logo{height:50px;margin-bottom:20px}h1{font-size:2em;font-weight:900;color:var(--color-text-primary);margin-bottom:12px}.subtitle{font-size:1em;color:var(--color-text-secondary);margin-bottom:40px}.form-group{margin-bottom:24px;text-align:left}.form-label{display:block;font-size:.9em;font-weight:600;margin-bottom:8px}.form-input,.form-label{color:var(--color-text-primary)}.form-input{width:100%;padding:14px 16px;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:8px;font-size:1em;font-family:Inter,sans-serif;transition:all .3s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(204,120,92,.1)}.form-input::placeholder{color:#6b7280}.btn{display:inline-block;width:100%;padding:16px 40px;border-radius:12px;font-weight:700;font-size:1.1em;text-decoration:none;transition:all .3s;cursor:pointer;border:none;margin:8px 0}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-bg-dark)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(204,120,92,.5)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.forgot-password{text-align:center;margin-top:20px}.forgot-password a{color:var(--color-primary);text-decoration:none;font-size:.9em;font-weight:600}.forgot-password a:hover{text-decoration:underline}.divider{display:flex;align-items:center;margin:32px 0;color:var(--color-text-secondary);font-size:.9em}.divider:after,.divider:before{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{padding:0 16px}.signup-link{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.signup-link p{color:var(--color-text-secondary);font-size:.95em}.signup-link a{color:var(--color-primary);text-decoration:none;font-weight:700}.signup-link a:hover{text-decoration:underline}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:24px;color:#ef4444;font-size:.9em;display:none}.checkbox-group{display:flex;align-items:center;margin-bottom:24px}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer}.checkbox-group label{color:var(--color-text-secondary);font-size:.9em;cursor:pointer}@media (max-width:768px){.login-container{padding:40px 24px}h1{font-size:1.75em}}